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

Risks of AI-generated Code: Google's Bard, Amazon Whisperer, and the Challenges with their New Features

Artificial intelligence (AI) has advanced so much in recent days that it is now used in various applications. Machine learning is used to teach AI systems how to learn on their own, and they are used in various industries such as healthcare, finance, and e-commerce. AI has revolutionized the way we interact with technology, and companies such as Google and Amazon have been at the forefront of AI research and development. However, with every new feature and advancement, there are bound to be issues and challenges that come with it. Google's Bard and Amazon Whisperer are two examples of AI language models that have been introduced in recent years, but they have faced some issues with their new code feature. Google's Bard Google's Bard is a language model that is designed to help people write poetry. It uses machine learning algorithms to generate verses based on the style and theme of the poem. Bard was introduced in 2021 and has since gained popularity among poetry enthusias...

Age calculator program

Age Calculator Here is a simple script for an age calculator program in Python: This script prompts the user to enter their birth year, month, and day, and then uses the calculate_age() function to calculate the user's age based on the current date. The calculate_age() function takes in the birth year, month, and day as arguments, and returns the age as an integer.  Alternatively, you can use the date of birth as input and calculate the current date in the function: It will work the same as the previous one, but you don't need to input year, month, and day separately.

Step by Step Tutorial - Python

 We have uploaded our course material for Python on Github. https://github.com/SiriSarah/Python

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, ...

What is so special about MidJourney v5 release?

Artwork by MidJourney MidJourney is a popular online service that allows users to generate realistic and artistic images from text prompts using artificial intelligence. It has been widely used by artists, designers, writers, and hobbyists for various creative purposes. However, until recently, MidJourney had some limitations in its image quality and diversity. For example, some images looked blurry or distorted, some had unrealistic colors or lighting effects, and some had anatomical errors such as extra fingers or missing limbs. That's why many users have been eagerly waiting for the MidJourney v5 release, which promises to deliver significant improvements in image generation. According to the MidJourney team, v5 is not just an update but a complete overhaul of the underlying algorithm that powers the service. Here are some of the key features and benefits of v5 that make it so special: - High resolution : v5 can generate images up to 1024x1024 pixels, which is four times larger ...