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

文末有福利领取哦~

👉一、Python所有方向的学习路线

Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

👉二、Python必备开发工具

👉三、Python视频合集

观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。

👉 四、实战案例

光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。（文末领读者福利）

👉五、Python练习题

检查学习结果。

👉六、面试资料

我们学习Python必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

👉因篇幅有限，仅展示部分资料，这份完整版的Python全套学习资料已经上传

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

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(‘’,lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),‘units’))

__label.bind(‘’,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(‘’,lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),‘units’))

__label.bind(‘’,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的高度

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

修改后的代码：

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(‘’,lambda event:self.cv.yview_scroll(int(-1*(event.delta/50)),‘units’))

__label.bind(‘’,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_，我们应取画布和画布内控件较小的高度的值。
Cresyeal
2021/07/08

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！