Hướng dẫn python tkinter dialog box - hộp thoại python tkinter

GUI là viết tắt của cụm từ Graphical User Interface, có nghĩa là giao diện đồ họa người dùng. Thuật ngữ này được dùng để ám chỉ cách người dùng tương tác với các thiết bị máy tính thông qua hình ảnh, thay vì sử dụng các câu lệnh phức tạp.

Sau đây VniTeach sẽ hướng dẫn lập trình giao diện GUI bằng Tkinter trong ngôn ngữ Python

1. Tạo giao diện đầu tiên

#Thêm thư viện tkinter
from tkinter import *

#Tạo một cửa sổ mới
window = Tk()

#Thêm tiêu đề cho cửa sổ
window.title('Welcome to VniTeach app')

#Đặt kích thước của cửa sổ
window.geometry('350x200')

#Lặp vô tận để hiển thị cửa sổ
window.mainloop()

Dòng cuối cùng gọi 

w = Button( master, option = value, ... )

Nếu bạn quên gọi 

w = Button( master, option = value, ... )

2. Làm việc với label

Đối tượng này dùng để hiển thị văn bản hoặc hình ảnh.

Cú pháp

w = Label( master, option, … )

Tham số

• master − Tên của cửa sổ chứa nhãn. − Tên của cửa sổ chứa nhãn.
• options − Đây là danh sách một số tùy chọn thường dùng cho nhãn, tùy chọn này có thể sử dụng cặp từ khóa và giá trị. − Đây là danh sách một số tùy chọn thường dùng cho nhãn, tùy chọn này có thể sử dụng cặp từ khóa và giá trị.

Ví dụ đơn giản

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

2. Làm việc với Button

Nút bấm có thể hiển thị văn bản hoặc hình ảnh, chúng ta có thể thiết lập sự kiện khi chúng ta click vào nút bấm như tự động gọi hàm chẳng hạn.

Cú pháp

w = Button( master, option = value, ... )

Tham số

• master − Tên của cửa sổ chứa nhãn. − Tên của cửa sổ chứa nút bấm.
• options − Đây là danh sách một số tùy chọn thường dùng cho nhãn, tùy chọn này có thể sử dụng cặp từ khóa và giá trị. − Đây là danh sách một số tùy chọn thường dùng cho nút bấm, tùy chọn này có thể sử dụng cặp từ khóa và giá trị.

Phương thức

Ví dụ:

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")
window.geometry('350x200')
lbl = Label(window, text="Hello")
lbl.grid(column=0, row=0)

#Thêm một nút nhấn Click Me
btn = Button(window, text="Click Me", bg="orange", fg="red")

#Thiết lập vị trí của nút nhấn có màu nền và màu chữ
btn.grid(column=1, row=0)

window.mainloop()

Xử lý sự kiện khi nhấn nút Click Me

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")
window.geometry('350x200')
lbl = Label(window, text="Hello")
lbl.grid(column=0, row=0)

#Hàm khi nút được nhấn
def clicked():
    lbl.configure(text="Button was clicked !!")

#Gọi hàm clicked khi nút được nhấn
btn = Button(window, text="Click Me", command=clicked)
btn.grid(column=1, row=0)

window.mainloop()

Không nhất thiết tên hàm để xử lý sự kiện click là clicked như trên, ví dụ như sau:

# !/usr/bin/python3
from tkinter import *

from tkinter import messagebox

top = Tk()
top.geometry("100x100")
def helloCallBack():
   msg = messagebox.showinfo( "Hello Python", "Hello World")

B = Button(top, text = "Hello", command = helloCallBack)
B.place(x = 50,y = 50)
top.mainloop()

3. Làm việc với Textbox

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")
window.geometry('350x200')
lbl = Label(window, text="Hello")
lbl.grid(column=0, row=0)

#Tạo một Textbox
txt = Entry(window,width=10)
#Vị trí xuất hiện của Textbox
txt.grid(column=1, row=0)

#Đặt vị trí con trỏ tại Textbox
txt.focus()

#Hàm xử lý khi nút được nhấn
def clicked():
    res = "Welcome to " + txt.get()
    lbl.configure(text= res)

btn = Button(window, text="Click Me", command=clicked)
btn.grid(column=2, row=0)

#Để tắt chức năng nhập của Textbox bằng state
#txt = Entry(window,width=10, state='disabled')

window.mainloop()

4. Làm việc với Combobox

from tkinter import *

from tkinter.ttk import *
window = Tk()
window.title("Welcome to VniTeach app")
window.geometry('350x200')

#Tạo hộp chọn Combobox
combo = Combobox(window)
#Các giá trị của hộp chọn
combo['values']= (1, 2, 3, 4, 5, "Text")
#Thiết lập giá trị được chọn
combo.current(1) #set the selected item

combo.grid(column=0, row=0)
#Lấy giá trị của hộp chọn bằng combo.get()

window.mainloop()

5. Làm việc với Checkbox

from tkinter import *
from tkinter.ttk import *

window = Tk()
window.title("Welcome to VniTeach app")
window.geometry('350x200')

#Thiết lập trạng thái của Checkbox
chk_state = BooleanVar()
chk_state.set(True) #set check state
#Tạo Checkbox có trạng thái đã tích chọn
chk = Checkbutton(window, text='Choose', var=chk_state)

chk.grid(column=0, row=0)

window.mainloop()

6. Làm việc với Radio

from tkinter import *
from tkinter.ttk import *

window = Tk()
window.title("Welcome to LikeGeeks app")

selected = IntVar()
rad1 = Radiobutton(window,text='First', value=1, variable=selected)
rad2 = Radiobutton(window,text='Second', value=2, variable=selected)
rad3 = Radiobutton(window,text='Third', value=3, variable=selected)

def clicked():
   print(selected.get())

btn = Button(window, text="Click Me", command=clicked)
rad1.grid(column=0, row=0)
rad2.grid(column=1, row=0)
rad3.grid(column=2, row=0)
btn.grid(column=3, row=0)

window.mainloop()

7. Làm việc với ScrolledText

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

8. Làm việc với Messagebox

– Hộp thoại thông báo

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

– Hộp thoại cảnh báo và lỗi

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

– Hộp thoại câu hỏi

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

9. Làm việc với SpinBox

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

– Liệt kê các giá trị của spinbox

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

– Đặt giá trị mặc định cho spinbox

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

10. Làm việc với trình chọn tệp và thư mục

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

Chỉ định thư mục ban đầu cho hộp thoại tệp bằng cách chỉ định 

w = Button( master, option = value, ... )

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")

#Thêm label có nội dung Hello, font chữ
lbl = Label(window, text="Hello", font=("Arial Bold", 50))

#Xác định vị trí của label
lbl.grid(column=0, row=0)

window.mainloop()

Sự kiện khi người dùng click chọn một bảng chọn nào đó:

w = Button( master, option = value, ... )

12. Làm việc với các Tabs

Để tạo một điều khiển tab, có một vài bước.

• Đầu tiên, chúng ta tạo một điều khiển tab bằng cách sử dụng lớp 

  w = Button( master, option = value, ... )
  

  7.
• Tạo một tab bằng cách sử dụng 

  w = Button( master, option = value, ... )
  

  8 lớp.
• Thêm tab đó vào điều khiển tab.
• Đóng gói điều khiển tab để nó hiển thị trong cửa sổ.

w = Button( master, option = value, ... )

Thêm Widgets vào Notebook

Sau khi tạo các tab, bạn có thể đặt các widget bên trong các tab này bằng cách gán thuộc tính cha cho tab mong muốn.

w = Button( master, option = value, ... )

Thêm khoảng cách cho các widget (Padding)

Bạn có thể thêm các khoảng cách trước và sau của mỗi tab bằng cách sử dụng các thuộc tính

w = Button( master, option = value, ... )

from tkinter import *

window = Tk()
window.title("Welcome to VniTeach app")
window.geometry('350x200')
lbl = Label(window, text="Hello")
lbl.grid(column=0, row=0)

#Thêm một nút nhấn Click Me
btn = Button(window, text="Click Me", bg="orange", fg="red")

#Thiết lập vị trí của nút nhấn có màu nền và màu chữ
btn.grid(column=1, row=0)

window.mainloop()

w = Button( master, option = value, ... )