Skip to main content

How to Create a Simple Image Viewer with Python?

How to Create a Simple Image Viewer with Python?
How to Create a Simple Image Viewer with Python?

In this article, we will go through the steps of creating a simple image viewer app using Python's GUI library Tkinter. This app allows the user to navigate through a folder of images, viewing each one in turn.

Introduction

Have you ever wanted to view a folder of images in an organized manner? Well, look no further! With a little bit of Python code, you can create a simple image viewer that does exactly that. We'll be using Tkinter, a popular Python GUI library, to make this app.

Building the App

The first step in building the image viewer app is to import the required libraries and create a GUI window using Tkinter. You'll then need to specify the dimensions of the window, as well as its title, font, and other visual elements.

Once the window is set up, you can start adding widgets to it. In this case, we'll be using label widgets to display the images. To navigate through the images, we'll add buttons for "Next" and "Previous" navigation. The code will load the next or previous image in the folder based on the button that is pressed.

Adding Functionality

Next, we'll add the functionality to our image viewer. This includes defining the folder that contains the images, parsing the values of the images, and loading each image in turn. We'll also specify what happens when the "Next" and "Previous" buttons are pressed.

The code for this step involves a bit of logic, but don't worry, it's not too difficult. Essentially, the code checks the current location of the image within the folder, and either increments or decrements it depending on the button that was pressed. The code then loads the image at the new location and displays it in the window.

Finishing Up

Finally, we'll add the finishing touches to our image viewer app. This includes positioning the "Next" and "Previous" buttons, as well as adding a "Close" button to close the window.

With these few simple steps, you now have a functional image viewer app built using Python and Tkinter. You can now easily view folders of images in an organized and user-friendly manner.

Food for Thought

Building a simple image viewer is just the beginning of what you can do with Python and Tkinter. There are many more features and capabilities that you can add to this app, such as zooming in on images, adding a thumbnail view, and much more. The possibilities are endless, and the best part is, you can build it all with just a little bit of Python code. So go ahead and try it out for yourself!

Example

Here is an example:

import tkinter as tk
from tkinter import filedialog
from tkinter import messagebox
from PIL import Image, ImageTk
import os

class ImageViewer:
    def __init__(self, master):
        self.master = master
        self.master.title("Python Simple Image Viewer")
        self.master.geometry("600x600")

        self.top_frame = tk.Frame(self.master, width=600, bd=1, relief="solid")
        self.top_frame.pack(side="top", fill="both", expand="yes")

        self.mid_frame = tk.Frame(self.master, width=300, height=200, bd=1, relief="solid")
        self.mid_frame.pack(side="top")

        self.images = []
        self.location = 0

        self.lbl_title = tk.Label(self.top_frame, text="Label", font=("Arial", 20))
        self.lbl_title.pack()

        self.forward = tk.Button(self.top_frame, text="Forward", command=lambda: self.load_image(1))
        self.forward.pack(side="left")

        self.back = tk.Button(self.top_frame, text="Back", command=lambda: self.load_image(-1))
        self.back.pack(side="left")

        self.parse_folder()

    def parse_folder(self):
        file_path = filedialog.askdirectory()
        if not file_path:
            messagebox.showerror("Error", "No folder selected.")
            return

        try:
            for file in os.listdir(file_path):
                if file.endswith(".jpg") or file.endswith(".png"):
                    self.images.append(os.path.join(file_path, file))
        except Exception as e:
            messagebox.showerror("Error", str(e))
            return

        if not self.images:
            messagebox.showerror("Error", "No images found in the selected folder.")
            return

        self.load_image(0)

    def load_image(self, direction):
        self.location += direction
        if self.location >= len(self.images):
            self.location = 0
        elif self.location < 0:
            self.location = len(self.images) - 1

        image = Image.open(self.images[self.location])
        image = image.resize((300, 200), Image.ANTIALIAS)
        image = ImageTk.PhotoImage(image)

        self.lbl_title.config(image=image)
        self.lbl_title.image = image

if __name__ == "__main__":
    root = tk.Tk()
    viewer = ImageViewer(root)
    root.mainloop()

Labels:
Location: Florida, USA

Popular posts from this blog

Creating a Media Player in Python: Using Tkinter and Pygame to Control and Play MP3 and MP4 files

Creating a Media Player in Python: Using Tkinter and Pygame to Control and Play MP3 and MP4 files A media player program in Python using the Tkinter library for the GUI and the Pygame library for playing audio and video files:  Import statements: The program first imports the required libraries - tkinter as tk, filedialog, and messagebox from tkinter, and pygame. GUI setup: The Tk() method is used to create the main window of the application, and its title and dimensions are set using the title() and geometry() methods. Pygame initialization: The Pygame library is initialized using the pygame.init() method. Function definitions: The program defines several functions that perform different actions in the media player, such as browse_file() which opens a file dialog to select a file, play_file() which plays the selected file using Pygame's mixer module, pause_file() which pauses the playing file, resume_file() which resumes the playing file, stop_file() which stops the playing file, ...
Read more

How to Create a Simple Budget Calculator Using Python?

Are you looking for an easy and efficient way to keep track of your finances?  Look no further than this tutorial on how to create a simple budget calculator using the Python programming language. Introduction Python is a versatile and user-friendly programming language that can be used for a wide range of applications, including budgeting. This tutorial will walk you through the process of creating a simple budget calculator that allows you to input your income and expenses, and calculate your total income and expenses. Materials To follow along with this tutorial, you will need the following: A computer with a Python development environment set up (such as IDLE or PyCharm) Basic knowledge of Python programming concepts, such as variables, loops, and functions Creating the Budget Calculator How to Create a Simple Budget Calculator Using Python? The first step in creating the budget calculator is to define the income and expense functions. In the code provided, the income function ...
Read more

Now on Google News!

We have some exciting news to share with you!  Our website is now listed on Google News, which means that our content will reach a wider audience and more potential customers.  Google News Logo Google News is a platform that aggregates news from various sources and displays them according to the user's preferences and interests. Being listed on Google News is a great achievement for us, as it shows that our website meets the high standards of quality and relevance that Google requires. We are proud of our work and we hope that you will enjoy reading our articles and finding out more about our products and services.  Siri Sarah LLC on Google News If you haven't already, you can subscribe to our website on Google News by following these simple steps: - Open the Google News app on your device or go to news.google.com on your browser. - Search for our website name in the search bar. - Tap or click on the "Follow" button next to our website logo. That's it! You will no...
Read more

HuggingGPT: Solving AI Tasks with ChatGPT and its Friends in HuggingFace

Artificial intelligence (AI) is rapidly evolving, and language models (LMs) are becoming increasingly capable of helping us solve complex AI tasks. As the complexity of AI tasks increases, so does the need for LMs to interface with numerous AI models. This is where HuggingGPT comes in. In this article, we'll take a closer look at HuggingGPT and how it can help you solve complex AI tasks.  HuggingGPT: Solving AI Tasks with ChatGPT and its Friends in HuggingFace HuggingGPT is a collaborative system that consists of an LLM as the controller and numerous expert models as collaborative executors. The workflow of the HuggingGPT system consists of four stages: Task Planning, Model Selection, Task Execution, and Response Generation. Let's take a closer look at each of these stages. Task Planning The first stage of the HuggingGPT system is Task Planning. Using ChatGPT, HuggingGPT analyzes the requests of users to understand their intention, and disassemble them into possible solvable ta...
Read more