Cách sử dụng widget Listbox trong Tkinter

Trong bài viết này, bạn sẽ được giới thiệu về widget Listbox trong Tkinter, một công cụ mạnh mẽ giúp bạn hiển thị và quản lý danh sách các mục trên giao diện người dùng. Với Listbox, bạn có thể tạo các danh sách có thể cuộn, cho phép người dùng lựa chọn một hoặc nhiều mục trong danh sách một cách dễ dàng. Mình sẽ tìm hiểu cách tạo và tùy chỉnh Listbox, cũng như cách xử lý các sự kiện khi người dùng tương tác với danh sách này.

Giới thiệu về Tkinter Listbox

Widget Listbox trong Tkinter cho phép hiển thị một danh sách các mục văn bản trên một dòng duy nhất. Với Listbox, bạn có thể duyệt qua các mục trong danh sách và chọn một hoặc nhiều mục cùng lúc.

Để tạo một Listbox, bạn sử dụng lớp tk.Listbox như sau:

listbox = tk.Listbox(container, listvariable, height)

Trong đó:

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

• container là thành phần chứa Listbox.
• listvariable liên kết với một đối tượng tkinter.Variable, sẽ được giải thích kỹ hơn sau.
• height là số lượng mục mà Listbox sẽ hiển thị mà không cần cuộn.

Các mục trong Listbox trong Tkinter

Để thêm các mục vào Listbox, trước tiên bạn cần tạo một đối tượng Variable được khởi tạo với danh sách các mục. Sau đó, bạn gán đối tượng này cho tùy chọn listvariable như sau:

list_items = tk.Variable(value=items)
listbox = tk.Listbox(
    container,
    height,
    listvariable=list_items
)

Bạn có thể thêm, xóa hoặc sắp xếp lại các mục trong Listbox bằng cách sửa đổi biến list_items.

Chế độ chọn (Select mode)

Tùy chọn selectmode xác định cách người dùng có thể chọn mục và cách các thao tác kéo chuột ảnh hưởng đến các mục:

• tk.BROWSE: cho phép chọn một mục duy nhất. Nếu bạn chọn một mục và kéo nó đến dòng khác, mục đã chọn sẽ di chuyển theo chuột (đây là mặc định).
• tk.EXTENDED: cho phép chọn một nhóm các mục liền kề bằng cách nhấn vào mục đầu tiên và kéo đến dòng cuối cùng.
• tk.SINGLE: cho phép bạn chọn một dòng duy nhất và không thể kéo chuột.
• tk.MULTIPLE: cho phép chọn bất kỳ số dòng nào cùng lúc. Nhấp vào bất kỳ dòng nào sẽ chuyển trạng thái chọn hoặc bỏ chọn dòng đó.

Ràng buộc sự kiện khi mục được chọn

Để thực hiện một hàm khi các mục được chọn thay đổi, bạn ràng buộc hàm đó với sự kiện <<ListboxSelect>> như sau:

listbox.bind('<<ListboxSelect>>', callback)

Ví dụ về widget Listbox trong Tkinter

Chương trình dưới đây hiển thị một Listbox chứa danh sách các ngôn ngữ lập trình. Khi bạn chọn một hoặc nhiều mục, chương trình sẽ hiển thị các mục đã chọn trong một hộp thông báo:

import tkinter as tk
from tkinter import ttk
from tkinter.messagebox import showinfo

# Tạo cửa sổ gốc
root = tk.Tk()
root.title('Listbox')

# Tạo Listbox
langs = ('Java', 'C#', 'C', 'C++', 'Python',
         'Go', 'JavaScript', 'PHP', 'Swift')

var = tk.Variable(value=langs)

listbox = tk.Listbox(
    root,
    listvariable=var,
    height=6,
    selectmode=tk.EXTENDED
)

listbox.pack(expand=True, fill=tk.BOTH)

def items_selected(event):
    # Lấy tất cả các chỉ số mục được chọn
    selected_indices = listbox.curselection()
    # Lấy các mục đã chọn
    selected_langs = ",".join([listbox.get(i) for i in selected_indices])
    msg = f'Bạn đã chọn: {selected_langs}'
    showinfo(title='Thông tin', message=msg)

listbox.bind('<<ListboxSelect>>', items_selected)

root.mainloop()

Kết bài :

Trong ví dụ này:

• Tạo một biến Variable chứa danh sách các ngôn ngữ lập trình.
• Tạo một Listbox mới và gán đối tượng var cho tùy chọn listvariable.
• Đặt chiều cao của Listbox là 6, cho phép hiển thị sáu ngôn ngữ lập trình mà không cần cuộn.
• Sử dụng chế độ chọn tk.EXTENDED để cho phép chọn nhiều mục.
• Định nghĩa hàm items_selected() để hiển thị danh sách các mục đã chọn trong hộp thông báo.

Thêm thanh cuộn vào Listbox

Ví dụ sau minh họa cách thêm thanh cuộn vào Listbox:

import tkinter as tk
from tkinter import ttk
from tkinter.messagebox import showinfo

# Tạo cửa sổ gốc
root = tk.Tk()
root.title('Listbox')

# Tạo Listbox
langs = ('Java', 'C#', 'C', 'C++', 'Python',
         'Go', 'JavaScript', 'PHP', 'Swift')

var = tk.Variable(value=langs)

listbox = tk.Listbox(
    root,
    listvariable=var,
    height=6,
    selectmode=tk.EXTENDED)

listbox.pack(expand=True, fill=tk.BOTH, side=tk.LEFT)

# Liên kết thanh cuộn với Listbox
scrollbar = ttk.Scrollbar(
    root,
    orient=tk.VERTICAL,
    command=listbox.yview
)

listbox['yscrollcommand'] = scrollbar.set
scrollbar.pack(side=tk.LEFT, expand=True, fill=tk.Y)

def items_selected(event):
    # Lấy chỉ số các mục được chọn
    selected_indices = listbox.curselection()
    # Lấy các mục đã chọn
    selected_langs = ",".join([listbox.get(i) for i in selected_indices])
    msg = f'Bạn đã chọn: {selected_langs}'
    showinfo(title='Thông tin', message=msg)

listbox.bind('<<ListboxSelect>>', items_selected)

root.mainloop()

Kết quả:

Trong ví dụ này:

• Thanh cuộn được thêm vào Listbox và liên kết với thuộc tính yscrollcommand của Listbox để quản lý cuộn.

Kết bài

Như vậy, bạn đã nắm được cách sử dụng tk.Listbox(container, height, listvariable) để tạo widget Listbox trong Tkinter, với listvariable được liên kết với một biến tk.StringVar chứa danh sách các mục. Việc ràng buộc một hàm callback với sự kiện '<<ListboxSelect>>' giúp bạn có thể xử lý các tương tác của người dùng một cách linh hoạt và hiệu quả. Với những kiến thức này, bạn có thể dễ dàng tạo ra các ứng dụng giao diện người dùng tương tác, cho phép lựa chọn và quản lý danh sách mục theo nhu cầu của mình.