能否在Tkinter TreeView非首列单元格显示图片？含非常规方案咨询

Tkinter原生TreeView仅支持在首列单元格添加图片，要在非首列实现该需求，可通过在TreeView单元格上方叠加带图片的Label的方式实现，以下是具体方案：

核心思路 #

利用TreeView的bbox()方法获取目标单元格的坐标边界，将带图片的Label作为TreeView的子组件，放置在对应单元格的位置上；同时绑定窗口缩放、滚动等事件，在界面变化时重新计算位置，保证图片始终和单元格对齐。

实现代码示例 #

import tkinter as tk
from tkinter import ttk

class ServerTree(ttk.Treeview):
    def __init__(self, parent):
        super().__init__(parent, columns=("name", "ping", "rating"), show="headings")
        # 初始化评级对应的图片（提前按单元格尺寸缩放）
        self.rating_imgs = {
            "low": tk.PhotoImage(file="low_star.png").subsample(3, 3),
            "mid": tk.PhotoImage(file="mid_star.png").subsample(3, 3),
            "high": tk.PhotoImage(file="high_star.png").subsample(3, 3)
        }
        self.image_labels = []  # 保存图片标签引用，避免被GC回收，同时方便更新

        # 配置列
        self.heading("name", text="服务器名称")
        self.heading("ping", text="延迟(ms)")
        self.heading("rating", text="评级")
        self.column("name", width=180)
        self.column("ping", width=100)
        self.column("rating", width=60)

        # 绑定事件，保证图片位置随界面变化更新
        self.bind("<Configure>", self.refresh_images)
        self.bind("<MouseWheel>", self.refresh_images)
        self.bind("<Button-4>", self.refresh_images)  # 适配Linux滚轮向上
        self.bind("<Button-5>", self.refresh_images)  # 适配Linux滚轮向下

    def get_rating_img(self, rating):
        """根据服务器评级返回对应图片"""
        if 1 < rating < 2:
            return self.rating_imgs["low"]
        elif 2 < rating < 3:
            return self.rating_imgs["mid"]
        else:
            return self.rating_imgs["high"]

    def refresh_images(self, event=None):
        """刷新所有单元格的图片位置"""
        # 先销毁旧的图片标签，避免重叠
        for label in self.image_labels:
            label.destroy()
        self.image_labels.clear()

        # 遍历所有服务器条目，添加对应图片
        for item in self.get_children():
            rating_val = float(self.item(item, "values")[2])
            target_img = self.get_rating_img(rating_val)
            cell_bbox = self.bbox(item, "rating")
            if cell_bbox:
                x, y, w, h = cell_bbox
                # 将图片居中放置在单元格内
                img_label = tk.Label(self, image=target_img)
                img_label.place(
                    x=x + (w - target_img.width())//2,
                    y=y + (h - target_img.height())//2
                )
                self.image_labels.append(img_label)

# 测试用例
if __name__ == "__main__":
    root = tk.Tk()
    root.title("SimCity4 多人服务器列表")
    server_tree = ServerTree(root)
    server_tree.pack(fill="both", expand=True)

    # 添加测试服务器数据
    server_tree.insert("", "end", values=("绿谷小镇", 45, 1.7))
    server_tree.insert("", "end", values=("滨海都市", 62, 2.6))
    server_tree.insert("", "end", values=("山地要塞", 38, 3.2))

    server_tree.refresh_images()  # 初始加载图片
    root.mainloop()

注意事项 #

1. 图片需提前缩放至适合单元格的尺寸，可通过PhotoImage的subsample()方法或PIL库调整；
2. 必须保留图片标签的引用（存入image_labels列表），否则会被Python垃圾回收机制清理，导致图片不显示；
3. 当服务器列表更新时，需调用refresh_images()方法重新渲染图片；
4. 该方案虽为“非常规”实现，但完全基于原生Tkinter，无需依赖第三方库。

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