说在前面
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