Python tkinter notebook选中高亮|极客笔记

Python tkinter notebook选中高亮

在Python中，tkinter是一个使用非常广泛的GUI库，可以用来创建各种窗口、按钮、标签等各种GUI元素。其中的Notebook组件可以用来创建多个选项卡，让用户在不同的选项卡中切换内容。在Notebook中选中某个选项卡时，可以让该选项卡高亮显示，以便用户知道当前处于哪个选项卡。本文将详细介绍如何使用tkinter中的Notebook组件，并实现选中高亮的效果。

创建一个简单的Notebook

首先，我们需要导入tkinter库，然后创建一个主窗口，并在主窗口中添加一个Notebook组件。下面是一个简单的示例代码：

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("Notebook示例")

# 创建Notebook
notebook = ttk.Notebook(root)
notebook.pack()

# 第一个选项卡
frame1 = ttk.Frame(notebook)
notebook.add(frame1, text="选项卡1")

# 第二个选项卡
frame2 = ttk.Frame(notebook)
notebook.add(frame2, text="选项卡2")

# 运行主循环
root.mainloop()

在上面的代码中，我们首先导入了tkinter库，然后创建了一个主窗口root。接着创建了一个Notebook组件notebook，并将其添加到主窗口中。然后分别创建了两个Frame作为选项卡的内容，并将它们添加到Notebook中，通过text参数指定了选项卡的名称。最后调用root.mainloop()启动主循环，显示窗口。

选中高亮选项卡

要实现选中高亮的效果，我们可以使用Notebook的style属性来设置选中和未选中状态的外观。我们可以定义两种不同的样式，当选项卡被选中时应用选中状态的样式，未选中时应用未选中状态的样式。下面是一个示例代码：

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("Notebook示例")

style = ttk.Style()

# 定义选中状态的样式
style.configure("TNotebook.Tab", foreground='blue', background='lightblue',
                borderwidth=10)

# 创建Notebook
notebook = ttk.Notebook(root)
notebook.pack()

# 第一个选项卡
frame1 = ttk.Frame(notebook)
notebook.add(frame1, text="选项卡1")

# 第二个选项卡
frame2 = ttk.Frame(notebook)
notebook.add(frame2, text="选项卡2")

# 运行主循环
root.mainloop()

在上面的代码中，我们使用ttk.Style()创建了一个样式对象style，然后使用style.configure()方法定义了选中状态的样式。通过设置foreground和background属性可以修改选项卡的文本颜色和背景色。我们也可以通过设置borderwidth属性来调整选项卡的边框宽度。

动态修改样式

除了在一开始就定义好样式外，我们还可以在程序运行时动态修改样式。例如，当用户选中一个选项卡时，我们可以通过绑定事件来修改选项卡的样式。下面是一个示例代码：

import tkinter as tk
from tkinter import ttk

def on_tab_select(event):
    selected_tab = event.widget.tab(event.widget.select(), "text")
    print("选中的选项卡:", selected_tab)

    # 修改选中状态的样式
    style.configure("TNotebook.Tab", foreground='black', background='white')

    # 修改当前选中的选项卡的样式
    style.map("TNotebook.Tab", foreground=[("selected", "red")], background=[("selected", "lightcoral")])

root = tk.Tk()
root.title("Notebook示例")

style = ttk.Style()

# 定义选中状态的样式
style.configure("TNotebook.Tab", foreground='blue', background='lightblue',
                borderwidth=10)

# 创建Notebook
notebook = ttk.Notebook(root)
notebook.pack()

# 第一个选项卡
frame1 = ttk.Frame(notebook)
notebook.add(frame1, text="选项卡1")

# 第二个选项卡
frame2 = ttk.Frame(notebook)
notebook.add(frame2, text="选项卡2")

# 绑定选中事件
notebook.bind("<<NotebookTabChanged>>", on_tab_select)

# 运行主循环
root.mainloop()

在上面的代码中，我们定义了一个on_tab_select()函数，用来处理选中选项卡的事件。当用户选中一个选项卡时，会调用这个函数来修改选项卡的样式。通过调用event.widget.select()方法可以获得当前选中的选项卡的索引，然后通过event.widget.tab()方法获取选项卡的文本内容。在函数中我们通过style.map()方法来动态修改选项卡的样式，使得选中的选项卡文字颜色为红色，背景色为浅珊瑚色。