tkinter开发:如何将多个标签与listbox控件放在同一行
可行实现方案
方案1:调整grid布局参数实现视觉对齐
你当前布局出错的核心原因是:
- Listbox设置了
rowspan=1,仅占据grid布局的第2行,而你的图标标签row值从0开始递增,只有当row值为2时的图标会和Listbox同排,其余都会错位到下方 - 图标行的起始位置没有和Listbox的行起始位置对齐,且未匹配Listbox每行的高度
修改代码参考:
def draw_icons(): # 图标行起始值和Listbox的row值保持一致,都为2 icon_start_row = 2 for idx, (icon_label, icon_img) in enumerate(zip(icons[::2], icons[1::2])): icon_label.config(image=icon_img) # 每个图标对应一行,和Listbox的行范围对齐 icon_label.grid(column=0, row=icon_start_row + idx, ipadx=2, ipady=2) def place_things(): list_rows = len(process_list) # Listbox设置rowspan等于选项总数,占据对应行数的grid空间 Lb.grid(column=1, row=2, ipady=36, rowspan=list_rows) Lb.config(font=lb_font, selectmode=MULTIPLE, height=list_rows) Lb2.grid(column=2, row=2, ipady=36, rowspan=list_rows) Lb2.config(font=lb_font, selectmode=MULTIPLE, height=list_rows)
如果要实现仅选中项旁显示对应图标,只需要监听Listbox的<<ListboxSelect>>事件,根据选中的索引控制对应图标label的显示/隐藏即可。
方案2:使用ttk.Treeview控件替代原生Listbox
原生Tkinter Listbox不支持行内嵌入元素,用Treeview可以直接实现每行前置图标的效果,无需手动对齐布局,稳定性更高:
from tkinter import ttk # 初始化Treeview,设置显示图标+文本两列 tree = ttk.Treeview(root, columns=('text'), show='tree headings') tree.heading('#0', text='', anchor='w') tree.heading('text', text='选项', anchor='w') tree.column('#0', width=20, stretch=False) # 图标列固定宽度 tree.column('text', stretch=True) # 插入每行数据,同时指定图标 for idx, item in enumerate(process_list): # 第二个参数image传入你的16x16图标对象即可 tree.insert('', 'end', text='', image=icons[idx*2 +1], values=(item,)) # 多选配置和原Listbox逻辑一致 tree.configure(selectmode='extended')
内容的提问来源于stack exchange,提问作者Tippitytopkek
相关产品推荐
相关产品推荐

