如何在 python 中通过箭头键更改按钮选择

Question

I am using tkinter library in python. I have made a Button. I want to change that highlighted Button to next Button by arrow key. Here is my code. Thank you for any help

from tkinter import*

w = Tk()
w.title("Virtual Message")
w.configure(bg="#e6e8b5")
w.option_add("*Font", "consolas 40",)

def bttn(x, y, text, cmd, img, wid, hei):
    def on_enter(e):
        print(mybutton)
        mybutton['background'] = "green"
        mybutton['foreground'] = "orange"

    def on_leave(e):
        mybutton['background'] = "orange"
        mybutton['foreground'] = "green"

    mybutton = Button(w, width=wid, height=hei, text=text,
                      fg="green", bg= "orange", border=0, image=img, pady=20, bd=5,
                      activeforeground="green",
                      activebackground="orange", command=cmd, compound=TOP)

    mybutton.bind("<Enter>", on_enter)
    mybutton.bind("<Leave>", on_leave)
    mybutton.place(x=x, y=y)

photo1 = PhotoImage(file="picture/food.png")
photo2 = PhotoImage(file="picture/shower.png")
photo3 = PhotoImage(file="picture/toilet.png")
photo4 = PhotoImage(file="picture/tv.png")
photo5 = PhotoImage(file="picture/monk.png")
photo6 = PhotoImage(file="picture/music.png")
photo7 = PhotoImage(file="picture/sos.png")

bttn(50, 50, "หิว", setup_lineNotify1, photo1, 375, 300)
bttn(50, 500, "อาบน้ำ", setup_lineNotify2, photo2, 375, 300)
bttn(458.25, 50, "ขับถ่าย", setup_lineNotify3, photo3, 375, 300)
bttn(458.25, 500, "โทรทัศน์", setup_lineNotify4, photo4, 375, 300)
bttn(866.5, 50, "สวดมนต์", setup_lineNotify5, photo5, 375, 300)
bttn(866.5, 500, "ฟังเพลง", setup_lineNotify6, photo6, 375, 300)
bttn(1275, 50, "ช่วยเหลือ", setup_lineNotify7, photo7, 375, 750)

def main():
    w.mainloop()

if __name__ == "__main__":
    main()

This Picture when I select button by mouse

enter image description here

Answer 1

You could bind the buttons to <Left> , <Right> , <Up> and <Down> events. To set focus to a particular button, use <button-widget>.focus_set() .

Considering the code you have given, you could store all the button widgets in a sequence and then add the bindings depending on how exactly you want to switch from one button to another.

Also, if the container widget of a button is not the main window, you need to use the .focus_set() method on the container widget as well.

Illustrative Code:

from tkinter import *

def on_right(e):
    global button2
    button2.focus_set()
    

def on_left(e):
    global button1
    button1.focus_set()

root = Tk()

button1 = Button(root, text = "Button1", font = ('Comic Sans', 15, 'bold'), bg = "white", fg = "black")
button1.grid(row = 0, column = 0, sticky = NSEW, ipadx = 5, ipady = 2, padx = 5, pady = 5)
button1.bind("<Right>", on_right)
button1.bind("<FocusIn>", lambda e: button1.configure(bg = "black", fg = "white"))
button1.bind("<FocusOut>", lambda e: button1.configure(bg = "white", fg = "black"))
button1.focus_set() #Setting default focus to button1

button2 = Button(root, text = "Button2", font = ('Comic Sans', 15, 'bold'), bg = "white", fg = "black")
button2.grid(row = 0, column = 1, sticky = NSEW, ipadx = 5, ipady = 2, padx = 5, pady = 5)
button2.bind("<FocusIn>", lambda e: button2.configure(bg = "black", fg = "white"))
button2.bind("<FocusOut>", lambda e: button2.configure(bg = "white", fg = "black"))
button2.bind("<Left>", on_left)

root.mainloop()

Button1 has focus

Button2 has focus