tkinter 滚动条滚轮控制|极客笔记

tkinter 滚动条滚轮控制

介绍

在使用 tkinter 构建 GUI 界面时，经常会遇到需要滚动条以及滚动控制的情况。滚动条可以帮助用户在一个较大的可视区域内导航内容，而滚轮控制则可以让用户更方便地进行滚动操作。本文将介绍如何使用 tkinter 实现滚动条并且让滚轮能够控制内容的滚动。

tkinter 滚动条

在 tkinter 中，可以使用 Scrollbar 组件来实现滚动条。Scrollbar 组件通常与其他可滚动的组件，比如 Canvas、Listbox、Text、Frame 等一起使用，以提供垂直或水平方向的滚动功能。

示例代码

下面是一个简单的示例，演示如何在 tkinter 窗口中添加滚动条控制一个文本框（Text）的垂直滚动：

import tkinter as tk

root = tk.Tk()

# 创建一个 Text 组件
text = tk.Text(root, height=10)
text.pack(side="left", fill="both", expand=True)

# 创建一个垂直滚动条
scrollbar = tk.Scrollbar(root, command=text.yview)
scrollbar.pack(side="right", fill="y")

# 将滚动条和 Text 组件绑定
text.config(yscrollcommand=scrollbar.set)

root.mainloop()

在这段代码中，我们创建了一个 Text 组件并将其放置在窗口的左边，然后创建一个垂直滚动条并将其放在窗口的右边。通过将 Text 组件的 yscrollcommand 设置为滚动条的 set 方法，实现了滚动条和 Text 组件的绑定。

滚轮控制

在许多现代的鼠标和触控板上，都有滚轮以供用户进行快速滚动。如果想让 tkinter 应用程序支持滚轮控制滚动，可以通过绑定 <MouseWheel> 事件来实现。

示例代码

下面是一个示例代码，演示如何使用 <MouseWheel> 事件来控制文本框（Text）的垂直滚动：

import tkinter as tk

def on_mouse_wheel(event):
    if event.delta:
        text.yview_scroll(-1*(event.delta/120), "units")
    else:
        if event.num == 5:
            text.yview_scroll(1, "units")
        else:
            text.yview_scroll(-1, "units")

root = tk.Tk()

text = tk.Text(root, height=10)
text.pack(side="left", fill="both", expand=True)

scrollbar = tk.Scrollbar(root, command=text.yview)
scrollbar.pack(side="right", fill="y")

text.config(yscrollcommand=scrollbar.set)

# 绑定滚轮事件
root.bind_all("<MouseWheel>", on_mouse_wheel)

root.mainloop()

在这段代码中，我们定义了一个 on_mouse_wheel 函数，用来响应 <MouseWheel> 事件。当用户滚动鼠标滚轮时，event.delta 表示滚动的幅度，负数表示向下滚动，正数表示向上滚动。我们可以根据 event.delta 的值来调用 Text 组件的 yview_scroll 方法来实现滚动效果。同时，我们还通过 event.num 的值来区分滚动方向。