Python-Tkinter 中的树形视图滚动条


在图形用户界面 (GUI) 中处理分层数据时,通常需要以结构化和组织化的方式显示数据。Python-Tkinter 中的 Treeview 小部件提供了一个强大的解决方案,可以以用户友好的方式呈现分层数据。但是,随着 Treeview 中项目数量的增加,包含滚动条以确保平滑导航和可用性变得至关重要。

首先,确保您的系统上已安装 Python 和 Tkinter。建议使用 Python 3 以确保兼容性和改进的功能。如果尚未安装 Tkinter,可以使用 Python 包管理器 pip 轻松安装它。打开您的终端或命令提示符并运行以下命令 

pip install tk

安装 Tkinter 后,您将可以使用构建 Treeview 小部件并添加滚动条所需的强大 GUI 工具包。

创建 Treeview

首先,我们将创建一个基本的 Treeview 小部件。打开您喜欢的文本编辑器或集成开发环境 (IDE) 并创建一个新的 Python 文件。我们将从导入必要的模块开始 

import tkinter as tk
from tkinter import ttk

tkinter 模块为在 Python 中构建 GUI 应用程序提供了基础,而 ttk 模块包含主题小部件,包括 Treeview 小部件。

接下来,让我们创建一个 Tkinter 根窗口和一个 Treeview 小部件。将以下代码添加到您的 Python 文件中 

root = tk.Tk()

# Create a Treeview widget
tree = ttk.Treeview(root)
tree.pack()

在这里,我们使用 tk.Tk() 创建一个根窗口,它充当应用程序的主窗口。然后,我们创建 ttk.Treeview 类的 tree 对象,它表示我们的 Treeview 小部件。最后,我们使用 pack 方法在根窗口中显示 Treeview 小部件。

添加滚动条

要向我们的 Treeview 添加滚动条,我们将使用 Tkinter 提供的 ttk.Scrollbar 小部件。当 Treeview 包含超出可用空间的项目时,滚动条将能够在 Treeview 中实现平滑的垂直滚动。

创建 Treeview 小部件后,添加以下代码以创建滚动条并将 Treeview 配置为使用它 

# Create a Scrollbar
scrollbar = ttk.Scrollbar(root, orient="vertical", command=tree.yview)

# Configure the Treeview to use the scrollbar
tree.configure(yscrollcommand=scrollbar.set)

# Place the scrollbar on the right side of the Treeview
scrollbar.pack(side="right", fill="y")

在这里,我们创建 ttk.Scrollbar 类的 scrollbar 对象,使用 orient 参数将方向指定为“vertical”。command 参数设置为 tree.yview,它将滚动条与 Treeview 的垂直滚动相关联。

接下来,我们将 Treeview 配置为使用 scrollbar 的 set 方法作为其 yscrollcommand 选项。这确保了滚动条控制 Treeview 的垂直滚动。

最后,我们使用 pack 方法将滚动条放置在 Treeview 小部件的右侧,使其使用 fill="y" 选项填充 Treeview 的整个高度。

通过这些添加,如果您现在运行 Python 文件,您将看到 Treeview 小部件以及右侧的垂直滚动条。当需要时,滚动条将允许滚动 Treeview 的内容。

填充 Treeview

现在我们已经设置了 Treeview 和滚动条,让我们用一些示例数据填充 Treeview。这将使我们能够观察滚动条在处理大量项目时的行为。

要向 Treeview 添加列和项目,请修改您的 Python 文件如下 

# Add columns to the Treeview
tree["columns"] = ("Name", "Age")

# Define column headings
tree.heading("#0", text="ID")
tree.heading("Name", text="Name")
tree.heading("Age", text="Age")

# Add items to the Treeview
tree.insert("", "end", text="1", values=("John Doe", "30"))
tree.insert("", "end", text="2", values=("Jane Smith", "25"))
tree.insert("", "end", text="3", values=("Mike Johnson", "35"))

在这里,我们通过将 columns 属性设置为包含列名的元组来向 Treeview 添加两列:“Name”和“Age”。#0 列表示默认的第一列,我们将使用它来显示 ID。我们使用 heading 方法相应地设置列标题。

接下来,我们使用 insert 方法将项目插入 Treeview。每个项目都由一个唯一的 ID 表示,并且具有对应列的值。在此示例中,我们插入了三个 ID 分别为 1、2 和 3 的项目,以及它们各自的名称和年龄。

设置滚动条样式

虽然基本的滚动条功能必不可少,但您可能还想自定义其外观以匹配应用程序的整体主题。Tkinter 提供了使用 ttk.Style 类修改滚动条样式的选项。让我们探索如何设置滚动条样式以实现更统一的外观。

首先,导入 ttk 模块并创建 ttk.Style 类的实例 

from tkinter import ttk

# Create a Style object
style = ttk.Style()

接下来,我们可以配置滚动条的样式。在此示例中,我们将更改滚动条的背景颜色、手柄颜色和厚度。在创建样式对象后添加以下代码 

# Configure the style for the scrollbar
style.configure("Treeview.Scrollbar",
                background="gray",
                troughcolor="light gray",
                gripcount=0,
                gripcolor="white",
                gripinset=2,
                gripborderwidth=0,
                thickness=10)

在这里,我们使用 ttk.Style 类的 configure 方法来自定义滚动条的外观。“Treeview.Scrollbar”字符串指的是我们要修改的特定样式元素。

在此示例中,我们将滚动条的背景颜色设置为灰色,槽的颜色设置为浅灰色,手柄的颜色设置为白色。gripcount 选项设置为 0 以隐藏手柄,我们使用 gripinset 和 gripborderwidth 选项调整手柄的外观。最后,我们将滚动条的厚度设置为 10 像素。

要将自定义样式应用于滚动条,请将其与 Treeview 小部件关联。修改滚动条创建代码如下 

# Create a Scrollbar with the customized style
scrollbar = ttk.Scrollbar(root, orient="vertical", command=tree.yview, style="Treeview.Scrollbar")

通过将 style 参数指定为“Treeview.Scrollbar”,滚动条将使用之前定义的自定义样式。

保存 Python 文件并运行它。您现在应该在 Treeview 中看到具有更新样式的滚动条。

测试滚动条

保存 Python 文件并运行它。您应该会看到一个窗口,其中包含 Treeview 小部件和右侧的垂直滚动条。尝试调整窗口大小或向 Treeview 添加更多项目以查看滚动条的实际效果。

结论

在这里,我们探讨了如何在 Python-Tkinter 中向 Treeview 小部件添加滚动条。我们首先创建了一个基本的 Treeview,然后添加了一个垂直滚动条以能够平滑滚动 Treeview 的内容。我们还介绍了如何设置滚动条样式以匹配应用程序的整体主题。此外,我们学习了如何处理滚动条事件,使我们能够响应用户交互执行特定的代码。通过遵循这些步骤,您可以通过合并可滚动 Treeview 来增强您的 Python-Tkinter 应用程序,从而提供一种有效且用户友好的方式来导航分层数据。

更新于: 2023年8月14日

4K+ 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告