Tkinter：制作一个包含在类中的按钮面板

Question

为了清楚起见，我编辑了这篇文章。我想使用一个类从列表中生成按钮。在当前脚本中，我没有使用列表，我只是用变量 app1 实例化类，然后全屏显示：

如果我取消注释 list = [1,2,3]，并取消注释 def button(): 函数，我会得到一个空白屏幕。我怀疑使用“Place Buttons Grid”布局时按钮会相互重叠，所以我制作了一个“Place Buttons Fill”布局用于测试。

我的最终目标是生成一个如下所示的 GUI：

但我知道我没有正确引用该类。我该怎么做？

import tkinter as tk
from tkinter import font
from tkinter import *

class alertButton(object):

    def __init__(self, Canvas):

        self.canvas=Canvas
        myFont = font.Font(family='Helvetica', size=36, weight='bold')

        #Configure Buttons
        self.alertButton = Button(Canvas,text="Button 1",font=myFont, command=self.alertCycle, height=2, width=6)
        self.quitButton = Button(canvas,text="Quit",font=myFont, command=canvas.quit, height=2, width=6)

        #Place Buttons Pack
        #self.alertButton.pack(padx=25, ipady=15, side=LEFT)  # Pack from right to left
        #self.quitButton.pack(padx=25, ipady=15, side=LEFT)
        ##This quit button only exists to exit full screen.  Will remove later

        #Place Buttons Grid
        self.alertButton.grid(row=0,column=0,padx=20)
        self.quitButton.grid(row=0,column=1,padx=20)
        ##This quit button only exists to exit full screen.  Will remove later

    def alertCycle(self):
        print("Button Pressed")
        #print (alertButton.i)
        return

#list = [1,2,3]

#def button():
#    for i in range(list):
#        app[i]=alertButton(canvas)

root = tk.Tk()

root.title("Sensor GUI")
root.wm_attributes('-fullscreen', 'true')

canvas = tk.Canvas(root, bd=0, highlightthickness=0)
canvas.pack(fill=BOTH, expand=1)

app1 = alertButton(canvas)

root.mainloop()

Answer 1

您可能会设法将所有按钮都放在一个循环中以稍微简化它们的创建。

• 我让AlertPanel 继承自tk.Frame，这是存放按钮集合的合适容器；所以本质上，AlertPanel 是一个tk.Frame。在您发布的代码中使用tk.Canvas 尽管可能，但似乎并不正确。
• AlertPanel 正在管理tk.Buttons 的集合，以及由每个按钮激活的方法所代表的一系列动作。 Button 1 和 2 绑定到 alert_cycle_1 和 2；剩下的到alert_cycle_3_to_8，您可以将其替换为您希望每个按钮触发的相应操作。
• make_alert_buttons 正在使用正确的文本创建每个按钮，为其附加正确的操作，并将按钮放置在面板上的相应位置。
• 按钮的大小和外观可能需要稍作调整才能更好看；我没有碰你的规格。
• 请注意删除全屏是因为我的系统出现故障似乎无法关闭窗口。

这给出了这样的结果：

import tkinter as tk       # <-- avoid star imports
from tkinter import font

class AlertPanel(tk.Frame):   # <-- is a tk.Frame, and can be manipulated as such

    def __init__(self, master):
        self.master = master
        super().__init__(self.master)

        self.myFont = font.Font(family='Helvetica', size=36, weight='bold')

        self.alert_actions = tuple([self.alert_cycle_1, self.alert_cycle_2] +\
                                   [self.alert_cycle_3_to_8] * 6 +\
                                   [self._quit])
        self.alert_buttons = []
        self.make_alert_buttons()
        self.pack(fill=tk.BOTH, expand=True)   # <-- because self is a tk.Frame

    def make_alert_buttons(self):
        btn_idx = 0
        for row in range(3):
            for col in range(3):
                action = self.alert_actions[btn_idx]
                b_text = f"Button {btn_idx + 1}"
                if row == 2 and col == 2:
                    b_text = "Quit"
                b = tk.Button(self, 
                              text=b_text,
                              font=self.myFont, 
                              command=action, 
                              height=2, width=6)
                b.grid(row=row, column=col, padx=20)
                self.alert_buttons.append(b)
                btn_idx += 1
        self.alert_buttons = tuple(self.alert_buttons)


    def alert_cycle_1(self):
        print("Alert Button 1 Pressed")

    def alert_cycle_2(self):
        print("Alert Button 2 Pressed")

    def alert_cycle_3_to_8(self):   # <-- replace with appropriate action for  buttons 3 to 8
                                    #     and update self.alert_actions accordingly
        print("Alert Button 3 to 8 Pressed")

    def _quit(self):
        self.master.destroy()


root = tk.Tk()
root.title("Sensor GUI")
# root.wm_attributes('-fullscreen', 'true')  # <-- untested
app1 = AlertPanel(root)
root.mainloop()

[编辑]：再想一想，将类命名为 AlertButtonPanel 可能是一个更好的主意