PySimpleGUI技术问询：能否在Tree组件内添加按钮等元素？

PySimpleGUI的原生Tree组件并没有直接支持嵌入按钮这类交互元素的API，但可以通过两种变通方式实现你需要的效果：

方案1：利用Tree节点点击事件模拟按钮行为 #

这种方式不需要额外元素，通过给目标节点设置特殊标识，监听Tree的点击事件来触发对应操作，模拟按钮功能：

import PySimpleGUI as sg

# 构造Tree数据，给需要"按钮"的节点加特殊标识
tree_data = sg.TreeData()
tree_data.Insert("", "folder1", "项目文件夹", [])
# 给带"按钮"的节点加后缀标识，比如[删除]
tree_data.Insert("folder1", "file1", "文档1 [删除]", [])
tree_data.Insert("folder1", "file2", "文档2 [删除]", [])

layout = [
    [sg.Tree(tree_data, key="-TREE-", show_expanded=True)],
    [sg.Text("操作日志："), sg.Text("", key="-LOG-")]
]

window = sg.Window("Tree模拟按钮示例", layout)

while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED:
        break
    if event == "-TREE-":
        selected_item = values["-TREE-"][0] if values["-TREE-"] else None
        if selected_item:
            item_text = tree_data.GetItem(selected_item).text
            # 判断是否点击了带[删除]标识的节点
            if "[删除]" in item_text:
                # 执行删除操作
                tree_data.Delete(selected_item)
                window["-TREE-"].update(tree_data)
                window["-LOG-"].update(f"已删除：{item_text.replace(' [删除]', '')}")

window.close()

方案2：自定义叠加元素实现真实按钮 #

如果需要视觉上更接近真实按钮的效果，可以在Tree组件的对应位置叠加Button元素，通过计算节点坐标来定位按钮：

import PySimpleGUI as sg

def get_tree_item_coords(tree, item_id):
    # 获取Tree节点的屏幕坐标（依赖tkinter底层方法）
    tree_tk = tree.Widget
    x, y, width, height = tree_tk.bbox(item_id)
    # 转换为窗口内的相对坐标
    window_x, window_y = tree_tk.winfo_rootx() - window.winfo_rootx(), tree_tk.winfo_rooty() - window.winfo_rooty()
    return (window_x + width - 80, window_y + y, window_x + width - 10, window_y + y + height)

# 构造Tree数据
tree_data = sg.TreeData()
tree_data.Insert("", "folder1", "项目文件夹", [])
tree_data.Insert("folder1", "file1", "文档1", [])
tree_data.Insert("folder1", "file2", "文档2", [])

layout = [
    [sg.Tree(tree_data, key="-TREE-", show_expanded=True, size=(40, 5))],
    [sg.Button("删除", key="-DELETE-", visible=False)]  # 初始隐藏按钮
]

window = sg.Window("Tree叠加按钮示例", layout)
delete_btn = window["-DELETE-"]

while True:
    event, values = window.read(timeout=100)
    if event == sg.WIN_CLOSED:
        break
    if event == "-TREE-":
        selected_item = values["-TREE-"][0] if values["-TREE-"] else None
        if selected_item and tree_data.GetItem(selected_item).parent != "":  # 仅子节点显示按钮
            x1, y1, x2, y2 = get_tree_item_coords(window["-TREE-"], selected_item)
            delete_btn.update(visible=True)
            # 设置按钮位置和大小
            delete_btn.Widget.place(x=x1, y=y1, width=x2-x1, height=y2-y1)
        else:
            delete_btn.update(visible=False)
    if event == "-DELETE-":
        selected_item = values["-TREE-"][0] if values["-TREE-"] else None
        if selected_item:
            tree_data.Delete(selected_item)
            window["-TREE-"].update(tree_data)
            delete_btn.update(visible=False)

window.close()

注意：方案2依赖tkinter的底层方法，不同平台可能存在坐标计算的差异，需要根据实际情况调整偏移值。

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