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() 

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,

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 prom

Bing's Image creator vs MidJourney AI vs Stable Diffusion

Microsoft's Bing has recently launched a new AI-based image creation tool called Bing Image Creator. With this new tool, users can turn words into images to express their imagination, providing access to infinite image possibilities right from within Bing. The tool is created by OpenAI's DALL-E to generate pictures based on text prompts. Image generated by MidJourney AI Using the Bing Image Creator is simple and straightforward. Users can type in a word or phrase and Bing will generate an image based on the text entered. The tool is similar to other text-to-image generators like DALL-E and Stable. The images created by the Bing Image Creator can be used for a wide range of purposes, including vivid dreams, birthday invitations, and new concept proposals. The launch of Bing's Image Creator has garnered attention from the tech community, with many praising its innovative use of AI. However, some have also raised concerns about the potential misuse of the tool, such as creatin

Building an Art Gallery Program in Python

Building an Art Gallery Program in Python As an art lover, you may have considered creating a program to manage your favorite art pieces and display them in a virtual art gallery. This program can help you keep track of the details of each piece, including the image, description, and price. In this article, we will go through the process of building an art gallery program using Python and several libraries, including Tkinter, Pillow, and Pandas. Importing Necessary Libraries Before we start building our program, we need to import the libraries that we will be using. Tkinter will be used for creating the GUI, Pillow for handling image processing, and Pandas for data management. Creating the Art Gallery Class Next, we create a class for the art gallery program and initialize the necessary variables, such as the list of art pieces, their images, descriptions, and prices. We will also define the main window and its features, such as buttons for adding, editing, and removing art pieces, and