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

文末有福利领取哦~

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

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

👉二、Python必备开发工具

👉三、Python视频合集

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

👉 四、实战案例

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

👉五、Python练习题

检查学习结果。

👉六、面试资料

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

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

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

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

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

• 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(‘’,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

最后

🍅 硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。
🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。
🍅 面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。
🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。

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

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

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