Canvas绘制控件——关于Python的tkinter模块Canvas控件绘制组件的一些问题(scrollregien):画布的滚动超出预定范围

说在前面

Canvas中绘制组件:

  • 参数 scrollregion
    指定 Canvas 可以被滚动的范围,该选项的值是一个元组 (x1, y1, x2, y2)表示的四个坐标围成的矩形。
  • 方法 create_window(position, **options)
    position参数为元组格式,表示在 position 指定的位置(x, y)创建一个窗口组件
    options选项的含义
    -- anchor 指定组件在 position 参数的相对位置
    -- height 指定窗口组件的高度
    -- state 指定该组件的状态
    -- width 指定窗口组件的宽度
    -- window 指定一个组件

Canvas画布滚动:
(摘自 来自江南的你 Tkinter 组件详解(十二):Canvas

  • yview(*args)
    该方法用于在垂直方向上滚动 Canvas 组件的内容,一般通过绑定 Scollbar 组件的 command 选项来实现(具体操作参考:Scrollbar)
    -- 如果第一个参数是 "moveto",则第二个参数表示滚动到指定的位置:0.0 表示最顶端,1.0 表示最底端
    -- 如果第一个参数是 "scroll",则第二个参数表示滚动的数量,第三个参数表示滚动的单位(可以是 "units"(行) 或 "pages"(页))
  • yview_moveto(fraction)
    -- 跟 yview("moveto", fraction) 一样
  • yview_scroll(number, what)
    -- 跟 yview("scroll", number, what) 一样

问题

最近在使用tkinter的Canvas控件时,遇到了一些问题。想要实现的功能:当按下按钮时,向Canvas的Frame中加入一个标签,Canvas大小不变,根据Frame的大小设定滚动范围,转动鼠标滚轮进行滚动。

我在cv中绘制了一个frm,想要将cv的滚动范围设为这个frm的范围。但我发现该画布的滚动超出预定范围。

代码:

import tkinter as tk

#主程序类
class main:
    
    def __init__(self):
        
        self.root = tk.Tk()     #创建根窗体

        self.btn = tk.Button(self.root, text='新建标签', command=self.addlabel)             #按钮btn
        self.cv = tk.Canvas(self.root, width=200, height=250, bg='white', )   #画布cv
        self.frm = tk.Frame(self.cv, relief='sunken')                                       #容器frm

        self.cv.create_window((0,0), window=self.frm, anchor='nw')      #在cv中绘制控件frm
        self.cv.configure(scrollregion=(0,0,self.frm.winfo_width(),self.frm.winfo_height()))    #将cv的滚动范围设为frm的大小

        self.btn.pack()     #pack布局
        self.cv.pack(fill='x')

        self.root.mainloop()

    def addlabel(self):     #新建标签

        __label = tk.Label(self.frm, text='标签', width=27, relief='sunken')
        self.cv.bind('<MouseWheel>',lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),'units'))
        __label.bind('<MouseWheel>',lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),'units'))
        #为标签绑定鼠标滚动事件
        __label.pack(side='bottom', fill='x')

        self.root.update()  #刷新窗口
        self.cv.configure(scrollregion=(0,0,self.frm.winfo_width(),self.frm.winfo_height()))
        #刷新后重新将cv的滚动范围设为frm的大小(问题出现的地方)
        
main()
示例

我们可以发现,在frm的高度小于cv的高度时,图中cv的滚动向上超过了设置的范围。而在frm的高度大于cv的高度时,却没有出现错误。

解决

在我上网查询未果,多次试验后找到了成功的方式,addlabel 函数的代码应修改成这样:

    def addlabel(self):     #新建标签

        __label = tk.Label(self.frm, text='标签', width=27, relief='sunken')
        self.cv.bind('<MouseWheel>',lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),'units'))
        __label.bind('<MouseWheel>',lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),'units'))
        #为标签绑定鼠标滚动事件
        __label.pack(side='bottom', fill='x')

        self.root.update()  #刷新窗口
        self.cv.configure(scrollregion=(0,0,self.cv.configure(scrollregion=(0,0,self.frm.winfo_width(),max(self.frm.winfo_height(),self.cv.winfo_height())))
        #刷新后重新将cv的滚动范围设为frm的大小
        #若frm的高度小于cv的高度,滚动范围为cv高度。若frm的高度大于cv的高度,滚动范围为frm的高度

这个时候便没有再出现问题:


示例2

修改后的代码:

import tkinter as tk

#主程序类
class main:
    
    def __init__(self):
        
        self.root = tk.Tk()     #创建根窗体

        self.btn = tk.Button(self.root, text='新建标签', command=self.addlabel)             #按钮btn
        self.cv = tk.Canvas(self.root, width=200, height=250, bg='white', relief='solid', bd=0, highlightthickness=0)   #画布cv
        self.frm = tk.Frame(self.cv, relief='sunken')                                       #容器frm

        self.cv.create_window((0,0), window=self.frm, anchor='nw')      #在cv中绘制控件frm
        self.cv.configure(scrollregion=(0,0,self.frm.winfo_width(),self.frm.winfo_height()))    #将cv的滚动范围设为frm的大小

        self.btn.pack()     #pack布局
        self.cv.pack(fill='x')

        self.root.mainloop()

    def addlabel(self):     #新建标签

        __label = tk.Label(self.frm, text='标签', width=27, relief='sunken')
        self.cv.bind('<MouseWheel>',lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),'units'))
        __label.bind('<MouseWheel>',lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),'units'))
        #为标签绑定鼠标滚动事件
        __label.pack(side='bottom', fill='x')

        self.root.update()  #刷新窗口
        self.cv.configure(scrollregion=(0,0,self.frm.winfo_width(),max(self.frm.winfo_height(),self.cv.winfo_height())   #刷新后重新将cv的滚动范围设为frm的大小

main()

总结

这个问题其实是由于:鼠标滚动时,会控制所设置的滚动范围内的部分在画布内滑动。则,若滚动范围小于画布大小,会出现以上的“超出预定范围”的情况。因此元组内的y2,我们应取画布和画布内控件较小的高度的值。

CSDN同名搜 H_612,看更多Python文章
CSDN博客:https://blog.csdn.net/weixin_52132159

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容