Các kiểu dữ liệu trong C ( int - float - double - char ...) 
Thuật toán tìm ước chung lớn nhất trong C/C++ 
Cấu trúc lệnh switch case trong C++ (có bài tập thực hành) 
ComboBox - ListBox trong lập trình C# winforms 
Random trong Python: Tạo số random ngẫu nhiên 
Lệnh cin và cout trong C++ 
Cách khai báo biến trong PHP, các loại biến thường gặp 
Download và cài đặt Vertrigo Server 
Thẻ li trong HTML 
Thẻ article trong HTML5 
Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên 
Cách dùng thẻ img trong HTML và các thuộc tính của img 
Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng Thông báo: Download 4 khóa học Python từ cơ bản đến nâng cao tại đây.
Cách thiết lập con trỏ widget trong Tkinter.
Việc tương tác với con trỏ chuột đóng vai trò quan trọng trong việc nâng cao trải nghiệm người dùng. Thông qua việc thay đổi hình dạng con trỏ, bạn có thể giúp người dùng hiểu rõ hơn về trạng thái hiện tại của ứng dụng, cũng như hướng dẫn họ khi di chuyển chuột qua các thành phần khác nhau. Trong bài viết này, mình sẽ tìm hiểu cách thiết lập và thay đổi con trỏ cho các widget trong Tkinter, từ cửa sổ gốc cho đến các widget cụ thể, giúp ứng dụng của bạn trở nên trực quan và dễ sử dụng hơn.
Thay đổi con trỏ cho window gốc
Cửa sổ gốc chỉ có hai loại con trỏ:
- Con trỏ bình thường
- Con trỏ bận
Con trỏ bình thường có giá trị là "", trong khi con trỏ bận có giá trị là "watch".
Chương trình dưới đây minh họa cách thay đổi con trỏ của cửa sổ gốc từ bình thường sang bận:
Bài viết này được đăng tại [free tuts .net]
import tkinter as tk
root = tk.Tk()
root.geometry("300x300")
root.config(cursor="watch")
root.mainloop()
Giải thích:
- Đầu tiên, thiết lập chiều rộng và chiều cao của cửa sổ gốc là 300x300 pixel.
- Tiếp theo, thay đổi con trỏ thành "bận" bằng cách sử dụng tham số
cursor.
Nếu bạn muốn thay đổi con trỏ cho một khu vực cụ thể trong cửa sổ gốc, bạn có thể sử dụng sự kiện <Motion> và theo dõi tọa độ x (và/hoặc y) của con trỏ. Ví dụ:
import tkinter as tk
root = tk.Tk()
root.geometry("300x300")
def change_cursor(event):
if event.x in range(100, 300):
root.config(cursor="watch")
else:
root.config(cursor="")
root.bind("<Motion>", change_cursor)
root.mainloop()
Trong ví dụ này, con trỏ sẽ chuyển sang trạng thái bận khi chuột di chuyển trong khoảng từ 100 đến 300 trên trục x.
Thay đổi con trỏ cho các widget
Tất cả các widget thuộc thư viện ttk đều có tham số cursor, cho phép bạn thay đổi con trỏ khi chuột di chuyển qua chúng.
Ví dụ, nếu bạn muốn thay đổi con trỏ của một nút bấm, bạn có thể thiết lập tên con trỏ bằng tham số cursor như sau:
from tkinter import ttk #... button = ttk.Button(cursor=cursor_name)
Tên con trỏ có thể là một trong các giá trị sau:
arrowbased_arrow_downbased_arrow_upboatbogositybottom_left_cornerbottom_right_cornerbottom_sidebottom_teebox_spiralcenter_ptrcircleclockcoffee_mugcrosscross_reversecrosshairdiamond_crossdotdotboxdouble_arrowdraft_largedraft_smalldraped_boxexchangefleurgobblergumbyhand1hand2hearticoniron_crossleft_ptrleft_sideleft_teeleftbuttonll_anglelr_anglemanmiddlebuttonmousepencilpirateplusquestion_arrowright_ptrright_sideright_teerightbuttonrtl_logosailboatsb_down_arrowsb_h_double_arrowsb_left_arrowsb_right_arrowsb_up_arrowsb_v_double_arrowshuttlesizingspiderspraycanstartargettcrosstop_left_arrowtop_left_cornertop_right_cornertop_sidetop_teetrekul_angleumbrellaur_anglewatchxtermX_cursor
Bạn có thể làm theo các bước sau để thay đổi con trỏ cho cửa sổ gốc:
- Tạo một
Framemới. - Đặt nó vào cửa sổ gốc và mở rộng nó 100%.
- Thiết lập con trỏ trên
Frame.
Chương trình dưới đây cho phép bạn thay đổi con trỏ bằng cách chọn nó trong một Combobox:
from tkinter import ttk
import tkinter as tk
root = tk.Tk()
# Cấu hình cửa sổ gốc
root.geometry('600x400')
root.resizable(False, False)
root.title('Tkinter Cursors')
frame = ttk.Frame(root)
# Label
label = ttk.Label(frame, text="Con trỏ:")
label.pack(fill=tk.X, padx=5, pady=5)
# Danh sách con trỏ
selected_cursor = tk.StringVar()
cursor_list = ttk.Combobox(frame, textvariable=selected_cursor, cursor='arrow')
cursors = ['arrow', 'man', 'based_arrow_down', 'middlebutton', 'based_arrow_up', 'mouse', 'boat', 'pencil', 'bogosity', 'pirate', 'bottom_left_corner', 'plus', 'bottom_right_corner', 'question_arrow', 'bottom_side', 'right_ptr', 'bottom_tee', 'right_side', 'box_spiral', 'right_tee', 'center_ptr', 'rightbutton', 'circle', 'rtl_logo', 'clock', 'sailboat', 'coffee_mug', 'cross', 'sb_h_double_arrow', 'cross_reverse', 'sb_left_arrow', 'crosshair', 'sb_right_arrow', 'diamond_cross',
'sb_up_arrow', 'dot', 'sb_v_double_arrow', 'dotbox', 'shuttle', 'double_arrow', 'sizing', 'spider', 'draft_large', 'spider', 'spraycan', 'star', 'exchange', 'target', 'fleur', 'tcross', 'gobbler', 'top_left_arrow', 'gumby', 'top_left_corner', 'hand1', 'top_right_corner', 'hand2', 'top_side', 'heart', 'top_tee', 'icon', 'trek', 'iron_cross', 'ul_angle', 'left_ptr', 'umbrella', 'left_side', 'ur_angle', 'left_tee', 'watch', 'xterm', 'll_angle', 'X_cursor', 'lr_angle']
cursor_list['values'] = cursors
cursor_list['state'] = 'readonly'
cursor_list.pack(fill=tk.X, padx=5, pady=5)
frame.pack(expand=True, fill=tk.BOTH)
# Gắn sự kiện khi thay đổi giá trị đã chọn
def cursor_changed(event):
frame.config(cursor=selected_cursor.get())
cursor_list.bind('<<ComboboxSelected>>', cursor_changed)
root.mainloop()
Kết bài
Việc sử dụng và tùy chỉnh con trỏ trong Tkinter giúp bạn tạo ra trải nghiệm người dùng trực quan và phản hồi nhanh chóng trong ứng dụng của mình. Bằng cách hiểu và áp dụng đúng cách tham số cursor, bạn có thể dễ dàng thay đổi con trỏ không chỉ cho cửa sổ gốc mà còn cho từng widget cụ thể. Điều này không chỉ cải thiện tính thẩm mỹ mà còn giúp người dùng nắm bắt nhanh chóng trạng thái và chức năng của các thành phần trong giao diện, mang lại trải nghiệm người dùng tối ưu.
