如何在ttk组件状态变化时动态更改布局，仅显示活跃标签关闭按钮？

完全可以做到！核心思路是利用ttk的style.map()功能，结合标签的active/!active状态来动态控制关闭按钮的可见性，不需要频繁切换布局模板。下面是一个完整的可运行示例，附带详细逻辑说明：

import tkinter as tk
from tkinter import ttk

class ClosableNotebook(ttk.Notebook):
    def __init__(self, master=None, **kwargs):
        super().__init__(master, **kwargs)
        self._setup_custom_style()
        self.bind("<<NotebookTabChanged>>", self._sync_tab_states)
        self._previous_tab = None

    def _setup_custom_style(self):
        self.style = ttk.Style(self)
        
        # 创建关闭按钮元素：这里用文本"✕"代替图标，你可以换成自己的PNG/SVG图标
        self.style.element_create(
            "close_button", 
            "text", 
            text="✕", 
            width=16, 
            justify="center",
            foreground="#555"
        )
        
        # 定义标签的基础布局：包含文本标签和关闭按钮
        self.style.layout("ActiveCloseTab.TNotebook.Tab", [
            ("Notebook.tab", {
                "sticky": "nswe",
                "children": [
                    ("Notebook.padding", {
                        "sticky": "nswe",
                        "children": [
                            ("Notebook.focus", {
                                "sticky": "nswe",
                                "children": [
                                    ("Notebook.label", {"sticky": ""}),
                                    ("close_button", {"side": "right", "sticky": ""})
                                ]
                            })
                        ]
                    })
                ]
            })
        ])
        
        # 核心：通过style.map根据标签状态控制关闭按钮的显示/隐藏
        self.style.map(
            "ActiveCloseTab.TNotebook.Tab",
            element=[
                ("close_button", {
                    # 非活跃标签：关闭按钮宽度设为0，padding清零，相当于隐藏
                    "width": [("!active", 0), ("active", 16)],
                    "padding": [("!active", (0,0,0,0)), ("active", (0,0,2,0))],
                    # 可以额外设置状态样式：比如活跃标签的关闭按钮hover变色
                    "foreground": [
                        ("active", "#e74c3c"),
                        ("active:hover", "#c0392b")
                    ]
                })
            ]
        )
        
        # 绑定关闭按钮的点击事件
        self.bind("<Button-1>", self._handle_close_click)

    def _handle_close_click(self, event):
        # 判断点击位置是否为关闭按钮
        if self.identify(event.x, event.y) == "close_button":
            tab_index = self.index(f"@{event.x},{event.y}")
            self.forget(tab_index)
            return "break"  # 阻止事件冒泡到标签切换逻辑

    def _sync_tab_states(self, event):
        # 切换标签时，确保前一个标签状态更新为非活跃，当前标签为活跃
        current_tab = self.select()
        if self._previous_tab:
            self.state(["!active"], self._previous_tab)
        self.state(["active"], current_tab)
        self._previous_tab = current_tab

# 测试示例
if __name__ == "__main__":
    root = tk.Tk()
    root.title("仅活跃标签显示关闭按钮")
    root.geometry("400x300")

    notebook = ClosableNotebook(root, style="ActiveCloseTab.TNotebook")
    notebook.pack(fill="both", expand=True, padx=10, pady=10)

    # 添加测试标签
    for i in range(4):
        tab_frame = ttk.Frame(notebook)
        notebook.add(tab_frame, text=f"标签 {i+1}")
        ttk.Label(tab_frame, text=f"这是标签 {i+1} 的内容").pack(padx=20, pady=20)

    root.mainloop()

关键逻辑说明 #

1. 自定义关闭按钮元素：
   用style.element_create()创建了文本形式的关闭按钮，你可以轻松替换为图标（只需把text类型改成image，传入PhotoImage对象即可）。

2. 状态驱动的样式映射：
   这是实现需求的核心：通过style.map()针对标签的!active（非活跃）状态，将关闭按钮的宽度和内边距设为0，让按钮完全隐藏；当标签切换为active（活跃）状态时，恢复按钮的正常尺寸和内边距，自动显示出来。

3. 点击事件处理：
   通过identify()方法判断用户点击的是否是关闭按钮区域，如果是则移除对应标签，并阻止事件冒泡避免触发标签切换。

4. 标签状态同步：
   绑定<<NotebookTabChanged>>事件，确保切换标签时，前一个标签的状态被更新为!active，当前标签设为active，保证样式映射及时生效。

扩展提示 #

如果想用自定义图标代替文本，只需要修改element_create部分：

# 加载关闭图标（注意：要保持对象引用，避免被GC回收）
self.close_icon = tk.PhotoImage(file="close_icon.png")
self.style.element_create(
    "close_button", 
    "image", 
    self.close_icon, 
    width=16, 
    height=16
)

内容的提问来源于stack exchange，提问作者Aivar