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

Python Interview Questions: Python Cache

Python Interview Questions: Python Cache  Can you explain how you would use decorators in Python to add caching functionality to a specific function in a large application, and how you would handle cache invalidation? Yes, I can explain how to use decorators in Python to add caching functionality to a specific function in a large application and how to handle cache invalidation. First, I would create a decorator function called "cache" that takes in the function to be decorated as an argument. Inside the decorator function, I would define a dictionary to store the function's results, with the function's arguments as the keys and the results as the values. Next, I would create a nested function called "wrapper" which would check if the function's arguments existed in the dictionary. If they do, it will return the cached result. If they don't, it would call the original function, store the result in the dictionary, and then return the result. The decor...
Read more

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...
Read more

Step by Step Tutorial - Python

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

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.
Read more

Unlocking Endless Possibilities: Hugging Face Chat

If you're looking for a chatbot that can generate natural language responses for various tasks and domains, you might have heard of ChatGPT, a powerful model developed by OpenAI. But did you know that there is an open-source alternative to ChatGPT that you can use for free? It's called HuggingChat, and it's created by Hugging Face, a popular AI startup that provides ML tools and AI code hub. In this article, I'll show you what HuggingChat can do, how it works, and why it's a great option for anyone interested in chatbot technology. Hugging Face Chat HuggingChat is a web-based chatbot that you can access at hf.co/chat. It's built on the LLaMa 30B SFT 6 model , which is a modified version of Meta's 30 billion parameter LLaMA model. The LLaMa model is trained on a large corpus of text from various sources, such as Wikipedia, Reddit, news articles, books, and more. It can generate text in natural language or in a specific format when prompted by the user. Huggin...
Read more