实例019 以图形按钮显示的界面

**实例019:以图形按钮显示的界面**

在前面的章节中，我们已经学习了如何使用 Tkinter 库创建简单的 GUI 应用程序。然而，Tkinter 的标准控件（如 Button、Label 等）往往是文本或图像形式的，而不是图形化的按钮。

在这个实例中，我们将展示如何使用 Canvas 控件来绘制一个图形化的按钮，并且通过点击该按钮来触发事件。

###1. 导入所需库首先，我们需要导入 Tkinter 库和 math 库（用于计算圆的面积）。

import tkinter as tkimport math

###2. 创建 GUI 应用程序接下来，我们创建一个 GUI 应用程序，窗口大小为800x600。

class Application(tk.Frame):
 def __init__(self, master=None):
 super().__init__(master)
 self.master = master self.pack()
 self.create_widgets()

 def create_widgets(self):
 # 创建一个 Canvas 控件 self.canvas = tk.Canvas(self, width=400, height=300)
 self.canvas.pack(side="top")

 # 绘制一个圆形按钮 self.draw_button(self.canvas)

 # 创建一个 Button 控件，用于触发事件 self.button = tk.Button(self)
 self.button["text"] = "点击我"
 self.button["command"] = self.on_button_click self.button.pack(side="bottom")

 def draw_button(self, canvas):
 # 绘制一个圆形按钮 x1, y1 =100,50 x2, y2 =300,250 radius =20 # 绘制外框 canvas.create_oval(x1 - radius, y1 - radius, x2 + radius, y2 + radius,
 fill="#CCCCCC", outline="black")

 # 绘制内圆 canvas.create_oval(x1 + radius /2, y1 + radius /2, x2 - radius /2,
 y2 - radius /2, fill="#FFFFFF")

 def on_button_click(self):
 print("Button clicked!")

root = tk.Tk()
app = Application(master=root)
app.mainloop()

###3. 解释代码在这个实例中，我们首先导入 Tkinter 库和 math 库。然后，我们创建一个 GUI 应用程序，窗口大小为800x600。

接下来，我们定义一个 `Application` 类，该类继承自 Tkinter 的 Frame 类。在该类的 `__init__` 方法中，我们调用父类的构造函数，并且使用 `pack` 方法将应用程序的主窗口添加到 GUI 窗口中。

在 `create_widgets` 方法中，我们创建一个 Canvas 控件，用于绘制图形化按钮。然后，我们定义一个 `draw_button` 方法，该方法负责绘制圆形按钮。在该方法中，我们使用 Canvas 的 `create_oval` 方法绘制外框和内圆。

最后，我们定义一个 Button 控件，并且将其添加到 GUI 窗口中。当用户点击该按钮时，会触发 `on_button_click` 方法，该方法负责打印 "Button clicked!" 的信息。

###4. 运行代码运行上述代码后，你会看到一个 GUI 窗口，其中包含一个圆形按钮和一个标准的 Button 控件。点击圆形按钮或标准 Button 控件都会触发事件，并且在控制台中打印 "Button clicked!" 的信息。

###5. 总结在这个实例中，我们展示了如何使用 Tkinter 库创建一个 GUI 应用程序，包含一个图形化的按钮和一个标准的 Button 控件。我们通过点击圆形按钮或标准 Button 控件来触发事件，并且在控制台中打印 "Button clicked!" 的信息。

这个实例向你展示了如何使用 Tkinter 库创建复杂的 GUI 应用程序，包含多种控件和功能。同时，也向你展示了如何使用 Canvas 控件绘制图形化按钮，并且通过点击该按钮来触发事件。