Tkinter `ttk` 模块：使用主题化控件提升 GUI 颜值 - 智猿学院-前后端，数据库，人工智能，云计算等领域前沿技术讲座

好的，各位观众老爷们，欢迎来到今天的“Tkinter ttk 模块：使用主题化控件提升 GUI 颜值”专场！今天咱们就来聊聊，如何用 Tkinter 的 ttk 模块，给你的 GUI 界面做个“整容”，让它颜值飙升，告别“丑哭”的过去。

一、Tkinter 的 “颜值危机”

话说 Tkinter，作为 Python 自带的 GUI 库，功能强大那是没的说。但… 它的默认控件，长得确实有点… 朴素。怎么说呢？就像是素颜朝天，未经打磨的璞玉。在追求颜值的时代，这确实成了 Tkinter 的一个痛点。

看看下面的代码，一个简单的 Tkinter 窗口：

import tkinter as tk

root = tk.Tk()
root.title("Tkinter 默认样式")

button = tk.Button(root, text="普通按钮")
button.pack(pady=10)

label = tk.Label(root, text="普通标签")
label.pack(pady=10)

entry = tk.Entry(root)
entry.pack(pady=10)

root.mainloop()

运行一下，你是不是感觉回到了 Windows 98 时代？这灰不溜秋的界面，简直让人提不起兴趣。

二、ttk 模块：颜值救星驾到！

别担心，救星来了！Tkinter 的 ttk (Themed Tk) 模块，就是专门来解决这个问题的。ttk 提供了主题化的控件，让你的 GUI 界面可以拥有更现代、更美观的外观。

ttk 控件实际上是对原生 Tkinter 控件的重新实现，它们使用主题引擎来渲染外观。这意味着你可以通过更改主题，轻松改变整个 GUI 界面的风格，而无需修改控件的代码。

三、ttk 的基本用法：初试牛刀

让我们用 ttk 控件来改造一下上面的代码：

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("ttk 主题化样式")

button = ttk.Button(root, text="ttk 按钮")
button.pack(pady=10)

label = ttk.Label(root, text="ttk 标签")
label.pack(pady=10)

entry = ttk.Entry(root)
entry.pack(pady=10)

root.mainloop()

注意，我们做了两点修改：

导入了 tkinter.ttk 模块：from tkinter import ttk
将 tk.Button、tk.Label、tk.Entry 替换成了 ttk.Button、ttk.Label、ttk.Entry

再次运行代码，你会发现界面稍微好看了一点，虽然还不够惊艳，但至少告别了纯粹的灰暗。

四、主题的力量：一键换装

ttk 最强大的地方在于它的主题机制。你可以通过 ttk.Style() 对象来管理和切换主题。

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("主题切换")

style = ttk.Style()

# 获取所有可用的主题
print(style.theme_names())

# 设置主题
style.theme_use('clam') # 或者 'alt', 'default', 'classic', 'vista', 'xpnative'，'aqua' (macOS)

button = ttk.Button(root, text="ttk 按钮")
button.pack(pady=10)

label = ttk.Label(root, text="ttk 标签")
label.pack(pady=10)

entry = ttk.Entry(root)
entry.pack(pady=10)

root.mainloop()

这段代码做了以下几件事：

创建了一个 ttk.Style() 对象。
使用 style.theme_names() 打印了所有可用的主题名称。
使用 style.theme_use('clam') 设置了主题为 ‘clam’。你可以尝试不同的主题，看看效果。

不同的操作系统和 Tkinter 版本，可用的主题可能会有所不同。常见的有：

主题名称	描述
‘default’	默认主题，通常是操作系统原生风格。
‘clam’	一种比较现代的主题，扁平化设计，颜色鲜艳。
‘alt’	另一种现代主题，与 ‘clam’ 类似，但细节上有所不同。
‘classic’	经典主题，类似于 Tkinter 的原生风格，但在细节上有所改进。
‘vista’	Windows Vista 风格的主题（可能在较新的 Windows 版本上不再可用）。
‘xpnative’	Windows XP 风格的主题（可能在较新的 Windows 版本上不再可用）。
‘aqua’	macOS 风格的主题。

你可以根据自己的喜好和操作系统，选择合适的主题。

五、ttk 控件详解：打造个性化界面

ttk 提供了比原生 Tkinter 更丰富的控件，每个控件都支持主题化。下面我们来详细了解一些常用的 ttk 控件：

Button (按钮)
```
button = ttk.Button(root, text="提交", command=lambda: print("按钮被点击了"))
button.pack(pady=10)
```
与原生 Tkinter 的 tk.Button 相比，ttk.Button 外观更现代，并且可以轻松定制样式。
Label (标签)
```
label = ttk.Label(root, text="这是一个 ttk 标签")
label.pack(pady=10)
```
ttk.Label 在外观上比 tk.Label 更加精致，并且支持主题化。
Entry (单行文本框)
```
entry = ttk.Entry(root)
entry.pack(pady=10)
```
ttk.Entry 的外观更加简洁，并且可以轻松定制样式。

Combobox (下拉列表)

values = ["选项1", "选项2", "选项3"]
combobox = ttk.Combobox(root, values=values)
combobox.pack(pady=10)
combobox.set("请选择") # 设置默认值

ttk.Combobox 是一个非常实用的控件，用于从预定义的选项中进行选择。

Checkbutton (复选框)

check_var = tk.BooleanVar()
checkbutton = ttk.Checkbutton(root, text="同意协议", variable=check_var)
checkbutton.pack(pady=10)

ttk.Checkbutton 用于表示一个布尔值的选择状态。

Radiobutton (单选按钮)

radio_var = tk.IntVar()
radiobutton1 = ttk.Radiobutton(root, text="选项1", variable=radio_var, value=1)
radiobutton1.pack(pady=10)
radiobutton2 = ttk.Radiobutton(root, text="选项2", variable=radio_var, value=2)
radiobutton2.pack(pady=10)

ttk.Radiobutton 用于从多个选项中选择一个。

Progressbar (进度条)

progressbar = ttk.Progressbar(root, orient=tk.HORIZONTAL, length=200, mode='determinate')
progressbar.pack(pady=10)
progressbar['value'] = 50 # 设置进度值

ttk.Progressbar 用于显示任务的进度。

Separator (分隔线)
```
separator = ttk.Separator(root, orient=tk.HORIZONTAL)
separator.pack(fill=tk.X, pady=10)
```
ttk.Separator 用于在界面上创建分隔线，增强视觉层次感。

Treeview (树形视图)

tree = ttk.Treeview(root, columns=("name", "age"))
tree.heading("#0", text="ID") # 第一列，显示在最前面
tree.heading("name", text="姓名")
tree.heading("age", text="年龄")

tree.insert("", tk.END, text="1", values=("张三", "20"))
tree.insert("", tk.END, text="2", values=("李四", "25"))

tree.pack(pady=10)

ttk.Treeview 用于显示树形结构的数据。

Notebook (选项卡)

notebook = ttk.Notebook(root)

frame1 = ttk.Frame(notebook)
frame2 = ttk.Frame(notebook)

notebook.add(frame1, text="选项卡1")
notebook.add(frame2, text="选项卡2")

notebook.pack(expand=True, fill=tk.BOTH)

ttk.Notebook 用于创建选项卡式的界面。

六、自定义 ttk 控件样式：高级定制

除了使用预定义的主题，你还可以自定义 ttk 控件的样式，实现更个性化的界面。

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("自定义样式")

style = ttk.Style()

# 创建一个新的样式
style.configure("My.TButton",
                foreground="red",
                background="yellow",
                padding=10,
                font=("Arial", 12))

# 应用样式到按钮
button = ttk.Button(root, text="自定义按钮", style="My.TButton")
button.pack(pady=10)

root.mainloop()

这段代码做了以下几件事：

创建了一个 ttk.Style() 对象。
使用 style.configure("My.TButton", ...) 创建了一个名为 "My.TButton" 的新样式。
- foreground：前景色（文本颜色）。
- background：背景色。
- padding：内边距。
- font：字体。
在创建 ttk.Button 时，使用 style="My.TButton" 将该样式应用到按钮上。

七、ttk 样式选项：细节决定成败

style.configure() 方法可以接受很多选项，用于定制控件的各个方面。常用的选项包括：

选项	描述
`foreground`	前景色（文本颜色）。
`background`	背景色。
`font`	字体（例如：`("Arial", 12, "bold")`）。
`padding`	内边距（控件内容与边框之间的距离）。
`borderwidth`	边框宽度。
`relief`	边框样式（例如：`tk.RAISED`, `tk.SUNKEN`, `tk.FLAT`, `tk.RIDGE`, `tk.GROOVE`）。
`anchor`	文本对齐方式（例如：`tk.CENTER`, `tk.NW`, `tk.SE`）。
`width`	控件宽度（以文本单位为单位）。
`height`	控件高度（以文本单位为单位）。

八、ttk 状态：动态改变样式

ttk 控件可以根据不同的状态（例如：active，disabled，pressed）应用不同的样式。你可以使用 style.map() 方法来定义不同状态下的样式。

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("状态样式")

style = ttk.Style()

# 定义不同状态下的样式
style.map("My.TButton",
          foreground=[('active', 'blue')],
          background=[('active', 'green')])

button = ttk.Button(root, text="状态按钮", style="My.TButton")
button.pack(pady=10)

root.mainloop()

这段代码中，我们使用 style.map() 方法定义了 "My.TButton" 样式在 active 状态下的前景色为蓝色，背景色为绿色。当鼠标悬停在按钮上时，按钮的颜色就会发生变化。

九、ttk 布局：让界面更整洁

ttk 控件同样可以使用 Tkinter 的布局管理器（pack，grid，place）来排列。为了更好地控制界面的布局，建议使用 grid 布局。

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("Grid 布局")

label_name = ttk.Label(root, text="姓名:")
label_age = ttk.Label(root, text="年龄:")

entry_name = ttk.Entry(root)
entry_age = ttk.Entry(root)

button_submit = ttk.Button(root, text="提交")

label_name.grid(row=0, column=0, padx=5, pady=5, sticky=tk.W)
entry_name.grid(row=0, column=1, padx=5, pady=5, sticky=tk.E)

label_age.grid(row=1, column=0, padx=5, pady=5, sticky=tk.W)
entry_age.grid(row=1, column=1, padx=5, pady=5, sticky=tk.E)

button_submit.grid(row=2, column=0, columnspan=2, padx=5, pady=5)

root.mainloop()

grid 布局可以将界面划分为网格，然后将控件放置在网格的单元格中。sticky 选项用于控制控件在单元格中的对齐方式。

十、ttk 最佳实践：让你的界面更上一层楼

选择合适的主题： 根据你的应用场景和个人喜好，选择一个合适的主题。
自定义样式： 不要害怕自定义样式，让你的界面更具个性化。
使用 grid 布局： grid 布局可以让你更灵活地控制界面的布局。
利用状态样式： 使用状态样式可以让你的界面更具交互性。
保持一致性： 尽量保持界面风格的一致性，避免使用过于花哨的颜色和字体。
多做尝试： 多多尝试不同的控件、样式和布局，找到最适合你的方案。

总结：

ttk 模块是 Tkinter 的一个强大的扩展，它可以让你轻松创建更现代、更美观的 GUI 界面。通过学习 ttk 的基本用法、主题机制、控件详解、样式自定义和布局管理，你可以打造出令人眼前一亮的 GUI 应用。

希望今天的讲解对大家有所帮助！记住，颜值即正义，让你的 GUI 界面也拥有高颜值吧！

各位，下课！

发表回复 取消回复

发表回复取消回复