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

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

Introduction to Python Programming with David Malan

Python is a general-purpose programming language that is becoming increasingly popular for a variety of tasks, including web development, data science, and machine learning. If you're interested in learning Python, then David Malan's course on Introduction to Python Programming is a great place to start. Malan is a professor of computer science at Harvard University, and he has a knack for making complex topics easy to understand. In this course, he takes you on a journey through the basics of Python, from variables and data types to functions and control flow. He also covers some more advanced topics, such as object-oriented programming and file I/O. The course is well-structured and easy to follow, and Malan's lectures are engaging and informative. There are also plenty of exercises to help you practice what you've learned. If you're looking for a comprehensive and well-taught introduction to Python, then I highly recommend David Malan's course. Here are some ...
Read more

What is Auto-GPT, why do I need to care?

Are you interested in the latest advancements in artificial intelligence?  If so, you might want to check out Auto-GPT, an experimental open-source application that showcases the capabilities of the GPT-4 language model. This program is driven by GPT-4 and autonomously develops and manages businesses to increase net worth. As one of the first examples of GPT-4 running fully autonomously, Auto-GPT pushes the boundaries of what is possible with AI. GPT Architecture If you're curious about Auto-GPT, you'll be pleased to know that a demo was recently released on March 30th, 2023. So, what can Auto-GPT do? Well, it has a range of features, including internet access for searches and information gathering, long-term and short-term memory management, GPT-4 instances for text generation, access to popular websites and platforms, file storage and summarization with GPT-3.5, and much more. To use Auto-GPT, you'll need Python 3.7 or later and an OpenAI API key. If you want to use Speec...
Read more