繁体   English   中英

调整复选框滚动大小 tkinter

[英]Resize scroll for checkbox tkinter

经过几次测试和收到的帮助,我设法获得了一个带有多个复选框的滚动条的代码。 我目前的问题是卷轴比它需要的空间大得多,一般来说我不能根据自己的喜好改变它的大小。 这是我的代码:

import tkinter as tk
class CheckboxList(tk.Frame):
    def __init__(self, master=None, **kw):
        super().__init__(master, **kw)
        self.checkbuttons = []
        self.vars = []
        self.canvas = tk.Canvas(self, bg='white', bd=0, highlightthickness=0)
        self.yscroll = tk.Scrollbar(self, orient="vertical", command=self.canvas.yview)
        self.frame = tk.Frame(self.canvas)
        self.canvas.create_window((0, 0), window=self.frame, anchor='nw')
        self.canvas.configure(yscrollcommand=self.yscroll.set)
        self.canvas.grid(row=0,column=0, sticky='nsew')
        self.yscroll.grid(row=0, column=1, sticky='nse')
        for i in range(20):
            var = tk.IntVar(value=0)
            cb = tk.Checkbutton(self.frame, text=f"checkbutton #{i}", variable=var, onvalue=1, offvalue=0)
            cb.grid(row=i, column=0, sticky='w')
            self.checkbuttons.append(cb)
            self.vars.append(var)
        self.frame.update_idletasks()
        self.canvas.config(scrollregion=self.canvas.bbox("all"))
        
        self.canvas.bind_all("<MouseWheel>", self._on_mousewheel)
        
    def _on_mousewheel(self, event):
        self.canvas.yview_scroll(int(-1*(event.delta/120)), "units")

root = tk.Tk()
cl = CheckboxList(root, width=20, height=10)
cl.grid(row=0,column=0,sticky='nsew')
root.mainloop()

我通过更改“网格”的值进行了几次测试,但我不能。 我希望我能更好地控制尺寸。 从图中可以看出,还有很多空白区域,我也希望能够改变整体高度在此处输入图像描述

编辑:工作代码:

class CheckboxList(tk.Frame):
def __init__(self, master=None, **kw):
    super().__init__(master, **kw)
    self.checkbuttons = []
    self.vars = []
    self.canvas = tk.Canvas(self, bg='white', bd=0, highlightthickness=0)
    #self.canvas = tk.Canvas(self, bg='white', bd=0,width=115, highlightthickness=0)
    self.yscroll = tk.Scrollbar(self, orient="vertical", command=self.canvas.yview)
    self.frame = tk.Frame(self.canvas)
    self.canvas.create_window((0, 0), window=self.frame, anchor='nw')
    self.canvas.configure(yscrollcommand=self.yscroll.set)
    self.canvas.grid(row=0,column=0, sticky='nsew')
    self.yscroll.grid(row=0, column=1, sticky='nse')
    self.frame.bind("<Configure>", lambda e: self.canvas.config(width=e.width, scrollregion=self.canvas.bbox("all")))

    for i in range(20):
        var = tk.IntVar(value=0)
        cb = tk.Checkbutton(self.frame, text=f"checkbutton #{i}", variable=var, onvalue=1, offvalue=0)
        cb.grid(row=i, column=0, sticky='w')
        self.checkbuttons.append(cb)
        self.vars.append(var)
    self.frame.update_idletasks()
   
    self.canvas.bind_all("<MouseWheel>", self._on_mousewheel)
    
def _on_mousewheel(self, event):
    self.canvas.yview_scroll(int(-1*(event.delta/120)), "units")

在第 8 行添加width

改变这个:

self.canvas = tk.Canvas(self, bg='white', bd=0, highlightthickness=0)

到:

self.canvas = tk.Canvas(self, bg='white', bd=0,width=115, highlightthickness=0)

截屏:

在此处输入图像描述

每当通过self.frame上的事件<Configure>回调调整self.frame的大小时,您可以将self.frame的宽度设置为与self.canvas相同。 另请注意,当self.frame的大小更改时,您需要更新scrollregion的滚动区域。

        ...
        self.frame = tk.Frame(self.canvas)
        self.frame.bind("<Configure>", lambda e: self.canvas.config(width=e.width, scrollregion=self.canvas.bbox("all")))
        ...
        # scrollregion will be updated via the above event binding on self.frame, so below line is not necessary
        #self.canvas.config(scrollregion=self.canvas.bbox("all"))
        ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM