首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >tkinter -- Scrollbar

tkinter -- Scrollbar

作者头像
py3study
发布2018-08-03 10:38:38
1.1K0
发布2018-08-03 10:38:38
举报
文章被收录于专栏:python3python3

Scrollbar(滚动条),可以单独使用,但最多的还是与其它控件(Listbox,Text,Canva 等)结合使用

创建一个Scrollbar

代码:

import tkinter as tk

root = tk.Tk()
tk.Scrollbar(root).pack()
root.mainloop()

效果:

blob.png
blob.png

显示了一个 Scrollbar,但什么也做不了,无法拖动 slider

通过 set 方法来设置 slider 的位置

使用水平滚动条,通过 set 将值设置为(0.5,1),即 slider 占整个 Srollbar 的一半

代码:

import tkinter as tk

root = tk.Tk()
s = tk.Scrollbar(root, orient='horizontal')
s.set(0.5, 1)
s.pack()
root.mainloop()

结果:

blob.png
blob.png

单独使用还是比较少见,大部分应用还是与其它控件的绑定,以下是将一个 Listbox与 Scrollbar 绑定的例子

代码:

import tkinter as tk

root = tk.Tk()
lb = tk.Listbox(root)
sl = tk.Scrollbar(root)

# side 指定 Scrollbar 为居右;fill 指定填充满整个剩余区域,
# 到 WM 在时候再详细介绍这几个属性
sl.pack(side='right', fill='y')

# 指定 Listbox 的 yscrollbar 的回调函数为 Scrollbar 的 set
lb['yscrollcommand'] = sl.set
for i in range(100):
    lb.insert(tk.END,str(i))
# side 指定 Listbox 为居左
lb.pack(side='left')

# 指定 Scrollbar 的 command 的回调函数是 Listbar 的 yview
sl['command'] = lb.yview
root.mainloop()

结果:

blob.png
blob.png

这样理解二者之间的关系:当 Listbox 改变时,Scrollbar 调用 set 以改变 slder 的位置;当 Scrollbar 改变了 slider 的位置时,Listbox 调用 yview 以显示新的 list 项,为了演示这两种关系先将 yscrollcommad 与 scrollbar 的 set 解除绑定,看看会有什么效果。

代码;

import tkinter as tk

root = tk.Tk()
lb = tk.Listbox(root)
sl = tk.Scrollbar(root)

# side 指定 Scrollbar 为居右;fill 指定填充满整个剩余区域,
# 到 WM 在时候再详细介绍这几个属性
sl.pack(side='right', fill='y')


for i in range(100):
    lb.insert(tk.END,str(i))
# 使用索引为50的元素可见
lb.see(50)
lb.pack(side='left')

# 指定 Scrollbar 的 command 的回调函数是 Listbar 的 yview
sl['command'] = lb.yview
root.mainloop()

结果:

blob.png
blob.png

运行结果,Listbox 显示了50项,即 Listbox 的视图已经到50了,但 Scrollbar 的 slider仍旧位于0处。也就是说 Scroolbar 没有收到 set的命令。即说明解除此绑定,Scrollbar 将不再响应 Listbox 视图改变的消息。但仍可以使用 Scrollbar 的 slider 来移动 Listbox 的视图

再测试一下,解除 Scrollbar 的 command 与 Listbox 的 yview 的关系

代码:

import tkinter as tk

root = tk.Tk()
lb = tk.Listbox(root)
sl = tk.Scrollbar(root)

# side 指定 Scrollbar 为居右;fill 指定填充满整个剩余区域,
# 到 WM 在时候再详细介绍这几个属性
sl.pack(side='right', fill='y')

# 指定 Listbox 的 yscrollbar 的回调函数为 Scrollbar 的 set
lb['yscrollcommand'] = sl.set

for i in range(100):
    lb.insert(tk.END,str(i*100))
# 使用索引为50的元素可见
lb.see(50)
lb.pack(side='left')


# 解除 Scrollbar 的 command 与 Listbox 的 yview 的关系
# sl['command'] = lb.yview
root.mainloop()

结果

blob.png
blob.png

运行程序,Scrollbar 的 slider 已经到了50位置,也就是说 Scrollbar 响应了 Listbox 视图改变的消息,调用 了自己的 set 函数。

进行操作:拖动 slder 或点击 up/down 按钮,Listbox 的视图没有任何反应,即 Listbox不会响应 Scrollbar 的消息了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-06-04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档