将Azure-ttk-theme的Tcl垂直滚动条组件转为Python实现

核心转换代码 #

首先确保你已通过tk.PhotoImage加载好对应状态的图片（vert_accent、vert_basic、vert_hover），然后用ttk的Style API实现：

from tkinter import ttk, tk

# 替换为你的实际图片路径
vert_accent = tk.PhotoImage(file="vert-accent.png")
vert_basic = tk.PhotoImage(file="vert-basic.png")
vert_hover = tk.PhotoImage(file="vert-hover.png")

style = ttk.Style()
# 创建垂直滚动条的thumb元素
style.element_create(
    "Vertical.Scrollbar.thumb",
    "image",
    (
        vert_accent,
        "disabled", vert_basic,
        "pressed", vert_hover,
        "active", vert_hover
    ),
    sticky="ns"
)

关键说明 #

• Tcl中image [list ...]的状态-图片对应逻辑，在Python里通过有序元组实现，按「默认图片 → 状态1 → 对应图片1 → 状态2 → 对应图片2」的顺序排列
• Tcl的-sticky ns直接对应Python参数sticky="ns"，保证thumb在垂直方向拉伸
• 必须保持图片对象的引用（比如赋值给全局变量或类属性），否则Python垃圾回收会导致图片无法显示

后续样式关联（可选） #

创建完元素后，需要将其绑定到垂直滚动条的样式中：

# 配置垂直滚动条基础样式
style.configure(
    "Vertical.TScrollbar",
    gripcount=0,
    borderwidth=0,
    troughcolor="#ebebeb"  # 替换为你的轨道颜色
)
# 补充状态映射（若element_create未完全覆盖需求时使用）
style.map(
    "Vertical.TScrollbar",
    thumb=[
        ("disabled", vert_basic),
        ("pressed", vert_hover),
        ("active", vert_hover),
        ("!disabled", vert_accent)
    ]
)

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