更改背景 create_text tkinter

概述

在Tkinter图形用户界面中，可以使用create_text函数创建文本。同时，我们也可以使用configure方法更改字体、颜色等文本属性。而此篇文章则聚焦于如何通过更改背景色来提升Tkinter GUI的交互性和用户体验。

步骤

1. 导入Tkinter库

import tkinter as tk

2. 创建GUI

root = tk.Tk()
root.geometry("400x300")
root.title("更改背景 create_text tkinter")

3. 创建Canvas

因为我们想要更改的是Canvas的背景颜色，因此需要先创建Canvas

canvas = tk.Canvas(root, bg="white")
canvas.pack(expand=True, fill="both")

其中，参数bg设定了Canvas的初始背景颜色。

4. 添加文本

text = canvas.create_text(200, 150, text="请更改背景颜色", font=("Helvetica", 20))

create_text方法会在Canvas上创建一个文本，其参数含义分别为：

• 200, 150：文本在Canvas上的横轴（x轴）和纵轴（y轴）坐标。
• text="请更改背景颜色"：要显示的文本内容。
• font=("Helvetica", 20)：字体和字号。

5. 添加Button

def change_bg(color):
    canvas.config(bg=color)

button_frame = tk.Frame(root)
button_frame.pack(pady=10)

blue_button = tk.Button(button_frame, text="蓝色背景", command=lambda: change_bg("blue"))
blue_button.pack(side="left", padx=10)

green_button = tk.Button(button_frame, text="绿色背景", command=lambda: change_bg("green"))
green_button.pack(side="left", padx=10)

yellow_button = tk.Button(button_frame, text="黄色背景", command=lambda: change_bg("yellow"))
yellow_button.pack(side="left", padx=10)

在这里，我们创建了三个Button，每个Button调用了change_bg函数并传入了不同的颜色参数。change_bg函数则通过调用Canvas的config方法更改了画布的背景颜色。

6. 运行GUI

root.mainloop()

完整代码

import tkinter as tk

root = tk.Tk()
root.geometry("400x300")
root.title("更改背景 create_text tkinter")

canvas = tk.Canvas(root, bg="white")
canvas.pack(expand=True, fill="both")

text = canvas.create_text(200, 150, text="请更改背景颜色", font=("Helvetica", 20))

def change_bg(color):
    canvas.config(bg=color)

button_frame = tk.Frame(root)
button_frame.pack(pady=10)

blue_button = tk.Button(button_frame, text="蓝色背景", command=lambda: change_bg("blue"))
blue_button.pack(side="left", padx=10)

green_button = tk.Button(button_frame, text="绿色背景", command=lambda: change_bg("green"))
green_button.pack(side="left", padx=10)

yellow_button = tk.Button(button_frame, text="黄色背景", command=lambda: change_bg("yellow"))
yellow_button.pack(side="left", padx=10)

root.mainloop()

结语

至此，我们完成了更改Canvas背景颜色的功能。通过这样的实例，您可以学习到Canvas的使用以及更改控件属性的方法。