Cách sử dụng widget PhotoImage của Tkinter

Trong bài viết này, mình sẽ tìm hiểu cách sử dụng widget PhotoImage của Tkinter để hiển thị hình ảnh trên các widget khác như Label và Button. Việc hiển thị hình ảnh trong giao diện đồ họa không chỉ giúp ứng dụng trở nên trực quan hơn mà còn nâng cao trải nghiệm người dùng. Tkinter, với tính năng hỗ trợ hình ảnh thông qua widget PhotoImage, cung cấp một cách dễ dàng để tích hợp hình ảnh vào ứng dụng Python của bạn. Hãy cùng tìm hiểu cách triển khai và sử dụng PhotoImage một cách hiệu quả trong các ứng dụng Tkinter.

Giới thiệu về widget PhotoImage trong Tkinter

Trong Tkinter, một số widget như Label và Button có thể hiển thị hình ảnh. Những widget này có tham số image cho phép bạn truyền vào một hình ảnh để hiển thị. Tuy nhiên, bạn không thể chỉ đơn giản truyền đường dẫn của file ảnh vào tham số image. Thay vào đó, bạn cần tạo một đối tượng PhotoImage và truyền đối tượng này vào tham số image.

Để tạo một đối tượng PhotoImage mới, bạn sử dụng cú pháp sau:

photo_image = tk.PhotoImage(file=path_to_image)

Trong cú pháp này, bạn truyền đường dẫn tới file ảnh vào tham số file để tạo một đối tượng PhotoImage mới. Ngoài ra, bạn cũng có thể truyền một đối tượng bytes chứa dữ liệu hình ảnh vào tham số data.

Bài viết này được đăng tại [free tuts .net]

Sau khi tạo đối tượng PhotoImage, bạn có thể sử dụng nó trong các widget chấp nhận tham số image, ví dụ:

label = ttk.Label(root, image=photo_image)

Lưu ý quan trọng là bạn cần giữ tham chiếu đến đối tượng PhotoImage trong phạm vi của chương trình miễn là hình ảnh vẫn còn được hiển thị. Nếu không, hình ảnh sẽ không xuất hiện.

Ví dụ về sử dụng PhotoImage trong Tkinter

Dưới đây là một ví dụ cố gắng hiển thị hình ảnh với đường dẫn './assets/python.png' trên cửa sổ chính:

import tkinter as tk
from tkinter import ttk

class App(tk.Tk):
    def __init__(self):
        super().__init__()
        python_image = tk.PhotoImage(file='./assets/python.png')
        ttk.Label(self, image=python_image).pack()

if __name__ == "__main__":
    app = App()
    app.mainloop()

Nếu bạn chạy chương trình này, bạn sẽ nhận thấy rằng cửa sổ không hiển thị hình ảnh. Tại sao lại như vậy?

Đó là vì python_image bị hủy ngay sau khi phương thức __init__() kết thúc. Do chương trình không có tham chiếu đến đối tượng PhotoImage, hình ảnh biến mất ngay cả khi bạn đã đưa nó vào bố cục giao diện.

Để khắc phục vấn đề này, bạn cần đảm bảo rằng python_image không bị thoát khỏi phạm vi sau khi phương thức __init__() kết thúc. Ví dụ, bạn có thể giữ nó trong đối tượng App như sau:

import tkinter as tk
from tkinter import ttk

class App(tk.Tk):
    def __init__(self):
        super().__init__()
        self.title('Tkinter PhotoImage Demo')
        self.geometry('320x150')

        self.python_image = tk.PhotoImage(file='./assets/python.png')
        ttk.Label(self, image=self.python_image).pack()

if __name__ == "__main__":
    app = App()
    app.mainloop()

Định dạng file hỗ trợ bởi Tkinter PhotoImage

Hiện tại, widget PhotoImage chỉ hỗ trợ các định dạng file GIF, PGM, PPM và PNG kể từ phiên bản Tkinter 8.6.

Để hỗ trợ các định dạng file khác như JPG, JPEG, hoặc BMP, bạn có thể sử dụng thư viện xử lý hình ảnh như Pillow để chuyển đổi chúng thành định dạng mà widget PhotoImage có thể hiểu.

Thực tế, thư viện Pillow có một widget PhotoImage tương thích với Tkinter được đặt trong module PIL.ImageTk.

Để cài đặt thư viện Pillow, bạn sử dụng lệnh pip sau:

pip install Pillow

Để sử dụng thư viện Pillow, bạn thực hiện các bước sau:

Bước 1: Import các lớp Image và ImageTk:

from PIL import Image, ImageTk

Bước 2: Mở file ảnh và tạo một đối tượng PhotoImage mới:

image = Image.open('./assets/python.jpg')
python_image = ImageTk.PhotoImage(image)

Bước 3: Gán đối tượng ImageTk.PhotoImage vào tham số image:

image_label = ttk.Label(root, image=python_image)

Chương trình sau đây minh họa cách sử dụng widget PhotoImage từ thư viện Pillow:

import tkinter as tk
from tkinter import ttk
from PIL import Image, ImageTk

class App(tk.Tk):
    def __init__(self):
        super().__init__()
        self.title('Tkinter PhotoImage Demo')

        self.image = Image.open('./assets/python.jpg')
        self.python_image = ImageTk.PhotoImage(self.image)

        ttk.Label(self, image=self.python_image).pack()

if __name__ == '__main__':
    app = App()
    app.mainloop()

Kết bài

Tóm lại, widget PhotoImage trong Tkinter là một công cụ hữu ích để hiển thị hình ảnh trên các widget như Label hoặc Button. Tuy nhiên, PhotoImage chỉ hỗ trợ các định dạng file phổ biến như GIF, PGM, PPM, và PNG. Để làm việc với các định dạng file khác như JPG hoặc BMP, bạn có thể sử dụng widget PhotoImage từ module PIL.ImageTk của thư viện Pillow. Điều này mở rộng khả năng hiển thị hình ảnh trong ứng dụng Tkinter của bạn, giúp bạn tạo ra các giao diện trực quan và sinh động hơn.