如何在ttk.TreeView中或其旁实现带垂直连接线的自定义列？

问题1：能否在ttk.TreeView内实现需求？ #

ttk.TreeView没有原生支持自定义垂直连接线的API，但可以通过事件绑定+实时重绘的方式模拟实现，核心逻辑如下：

• 绑定关键事件：<Configure>（处理窗口大小调整、滚动）、<<TreeviewOpen>>、<<TreeviewClose>>（处理展开/折叠动作）
• 在事件回调中，遍历需要连接的行对，通过tree.bbox(item)获取每行的边界框，计算垂直线的坐标（x固定在目标列位置，y起始为上行底部，结束为下行顶部）
• 调用底层Tk命令直接在TreeView组件上绘制线条，每次绘制前清除旧线条避免重叠

注意：这种方式存在局限性——TreeView的内部重绘会覆盖自定义线条，需要频繁触发重绘，且线条可能被行内容遮挡，实现复杂度较高。

问题2：独立Canvas与TreeView同步的实现方法 #

如果TreeView内方案不可行，可通过以下维度实现左侧Canvas与TreeView的同步：

1. 行高同步
   • 若TreeView行高统一：直接将Canvas的行高设置为TreeView style中rowheight的对应值
   • 若存在可变行高：通过tree.bbox(item)[3] - tree.bbox(item)[1]获取每行实际高度，同步到Canvas对应行的高度
2. 滚动位置同步
   • 共享滚动条：将TreeView和Canvas的yscrollcommand绑定到同一滚动条的set方法，同时滚动条的command绑定自定义函数，分别调用两者的yview方法
   • 绑定鼠标滚轮事件：同步TreeView和Canvas的滚动偏移量
3. 展开/折叠状态同步
   • 绑定TreeView的<<TreeviewOpen>>和<<TreeviewClose>>事件，在回调中更新Canvas的连接线绘制逻辑
   • 维护与TreeView结构一致的状态数据源，Canvas根据数据源判断是否显示子项的连接线

示例代码片段：

def sync_scroll(*args):
    tree.yview(*args)
    canvas.yview(*args)

# 绑定共享滚动条
scrollbar = ttk.Scrollbar(parent, orient="vertical", command=sync_scroll)
tree.configure(yscrollcommand=scrollbar.set)
canvas.configure(yscrollcommand=scrollbar.set)

def update_canvas_lines(event):
    # 根据TreeView当前状态重新绘制Canvas上的连接线
    canvas.delete("all")
    # 遍历需要连接的行对，计算坐标并绘制线条
    # ...

tree.bind("<<TreeviewOpen>>", update_canvas_lines)
tree.bind("<<TreeviewClose>>", update_canvas_lines)
tree.bind("<Configure>", update_canvas_lines)

问题3：其他替代方案——Grid布局模拟树形视图 #

若上述方案均不可行，可采用Grid布局结合Frame组件模拟树形视图，完全自定义实现连接线：

• 每个树形项用一个Frame，内部包含展开按钮、多列内容组件，以及用于绘制连接线的Canvas列
• 用左侧缩进表示层级，展开/折叠时控制子项Frame的显示/隐藏
• 列宽调整：为每列添加可拖动的分隔线，拖动时更新所有对应列Frame的宽度
• 滚动：将所有项Frame放入一个可滚动的Canvas容器中

这种方案的优势是完全可控，连接线绘制不受组件限制；缺点是需要手动实现TreeView的核心功能（如选择、排序、编辑等），开发成本较高。

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