08 Button 组件

Button 组件是 tkinter 中用于创建可交互按钮的组件，它允许用户通过点击按钮来触发特定的事件或执行命令。Button 组件是构建交互式图形用户界面的基础。

基本用法与可选属性

基本用法

创建 Button 组件的基本语法如下：

import tkinter as tk

root = tk.Tk()
button = tk.Button(root, text="Click Me!", command=lambda: print("Button clicked"))
button.pack()
root.mainloop()

• import tkinter as tk: 导入 tkinter 库，并给它一个简短的别名 tk。
• root = tk.Tk(): 创建一个主窗口实例。
• button = tk.Button(root, text="Click Me!", command=lambda: print("Button clicked")): 创建一个 Button 组件，root 是这个 Button 的父容器，text 参数定义了 Button 上显示的文本，command 参数定义了按钮被点击时执行的函数。
• button.pack(): 使用 pack 布局管理器将 Button 添加到窗口中。
• root.mainloop(): 进入主事件循环，等待用户操作。

可选属性

Button 组件支持多种可选属性，用于定制其外观和行为：

示例：使用可选属性

import tkinter as tk

root = tk.Tk()
root.geometry("500x300+100+100")

# 普通按钮
button1 = tk.Button(root, text="Button1")
button1.pack()

# 背景与前景色
button2 = tk.Button(root, text="Button2", bg="#00ffff", fg="red")
button2.pack()

# 宽度与高度
button3 = tk.Button(root, text="Button3", width=10, height=2)
button3.pack()

# 边距
button4 = tk.Button(root, text="Button4", padx=10, pady=10)
button4.pack()

root.mainloop()

图片按钮

Button 组件可以包含图片，与 Label 组件类似，可以使用 image 属性添加图片，并通过 compound 属性设置图片与文本的相对位置。

import tkinter as tk
from PIL import Image, ImageTk

# 创建主窗口
root = tk.Tk()
root.geometry("400x300+150+150")   # 设置窗口大小和位置

# 加载图片
image1 = ImageTk.PhotoImage(Image.open("1.png"))
image2 = ImageTk.PhotoImage(Image.open("2.png"))
image3 = ImageTk.PhotoImage(Image.open("3.png"))

# 定义按钮点击事件处理函数
def on_button_click(image):
    # 更新 Label 显示的图片
    label_image.config(image=image)

# 创建 Label 显示图片和文字
label_image = tk.Label(root, image=image1)
label_image.pack()
label_text = tk.Label(root, text="请点击一下图片切换: ", font=("Arial", 16))
label_text.pack()

# 创建图片按钮
button_image1 = tk.Button(root, image=image1, command=lambda: on_button_click(image1))
button_image1.pack()

button_image2 = tk.Button(root, image=image2, command=lambda: on_button_click(image2))
button_image2.pack()

button_image3 = tk.Button(root, image=image3, command=lambda: on_button_click(image3))
button_image3.pack()

# 进入主事件循环
root.mainloop()

边距与对齐方式

Button 组件可以设置边距和文本对齐方式，与 Label 组件的用法相同。

import tkinter as tk

# 创建主窗口
root = tk.Tk()
root.geometry("400x300+150+150")    # 设置窗口大小和位置

# 定义按钮点击事件处理函数
def on_button_click():
    print("Button clicked!")

# 创建具有不同边距和对齐方式的按钮
button1 = tk.Button(root, text="左对齐", command=on_button_click, padx=10, pady=5, anchor=tk.W)
button1.pack()

button2 = tk.Button(root, text="右对齐", command=on_button_click, padx=10, pady=5, anchor=tk.E)
button2.pack()

button3 = tk.Button(root, text="顶部对齐", command=on_button_click, padx=10, pady=5, anchor=tk.N)
button3.pack()

button4 = tk.Button(root, text="底部对齐", command=on_button_click, padx=10, pady=5, anchor=tk.S)
button4.pack()

button5 = tk.Button(root, text="居中对齐", command=on_button_click, padx=10, pady=5, anchor=tk.CENTER)
button5.pack()

# 进入主事件循环
root.mainloop()

鼠标样式

Button 组件允许设置鼠标悬停时的样式，这可以通过 cursor 属性实现。

import tkinter as tk

# 创建主窗口
root = tk.Tk()
root.geometry("400x300+150+150")     # 设置窗口大小和位置

# 定义按钮点击事件处理函数
def on_button_click():
    print("Button clicked!")

# 创建具有不同鼠标样式的按钮
button1 = tk.Button(root, text="笔型", command=on_button_click, cursor="pencil")
button1.pack()

button2 = tk.Button(root, text="圆形", command=on_button_click, cursor="circle")
button2.pack()

button3 = tk.Button(root, text="手型1", command=on_button_click, cursor="hand1")
button3.pack()

button4 = tk.Button(root, text="手型2", command=on_button_click, cursor="hand2")
button4.pack()

# 进入主事件循环
root.mainloop()

边框样式与宽度

Button 组件可以设置边框样式和宽度，这通过 relief 和 bd 属性来实现。

import tkinter as tk

# 创建主窗口
root = tk.Tk()
root.geometry("400x300+150+150")      # 设置窗口大小和位置

# 定义按钮点击事件处理函数
def on_button_click():
    print("Button clicked!")

# 创建具有不同边框样式和宽度的按钮
button_flat = tk.Button(root, text="flat", command=on_button_click, relief="flat", bd=2)
button_flat.pack()

button_groove = tk.Button(root, text="groove", command=on_button_click, relief="groove", bd=2)
button_groove.pack()

button_ridge = tk.Button(root, text="ridge", command=on_button_click, relief="ridge", bd=2)
button_ridge.pack()

button_raised = tk.Button(root, text="raised", command=on_button_click, relief="raised", bd=2)
button_raised.pack()

button_sunken = tk.Button(root, text="sunken", command=on_button_click, relief="sunken", bd=2)
button_sunken.pack()

# 进入主事件循环
root.mainloop()

文字对齐方式

Button 组件可以设置文本的对齐方式，这通过 anchor 属性来实现。

import tkinter as tk

def on_button_click(e):
    print(f"Button is clicked!")

root = tk.Tk()
root.geometry("500x300+100+100")

# 创建具有不同文本对齐方式的按钮
button1 = tk.Button(root, text="e", width=10, height=3, anchor=tk.E, relief="raised", bg="lightblue", command=lambda: on_button_click(button1))
button1.pack()

button2 = tk.Button(root, text="w", width=10, height=3, anchor=tk.W, relief="raised", bg="lightblue", command=lambda: on_button_click(button2))
button2.pack()

button3 = tk.Button(root, text="s", width=10, height=3, anchor=tk.S, relief="raised", bg="lightblue", command=lambda: on_button_click(button3))
button3.pack()

button4 = tk.Button(root, text="n", width=10, height=3, anchor=tk.N, relief="raised", bg="lightblue", command=lambda: on_button_click(button4))
button4.pack()

root.mainloop()