首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

tkinter -- Scrollbar

Scrollbar(滚动条),可以单独使用,但最多的还是与其它控件(Listbox,Text,Canva 等)结合使用 创建一个Scrollbar 代码: import tkinter as tk root... = tk.Listbox(root) sl = tk.Scrollbar(root) # side 指定 Scrollbar 为居右;fill 指定填充满整个剩余区域, # 到 WM 在时候再详细介绍这几个属性...这样理解二者之间的关系:当 Listbox 改变时,Scrollbar 调用 set 以改变 slder 的位置;当 Scrollbar 改变了 slider 的位置时,Listbox 调用 yview... tkinter as tk root = tk.Tk() lb = tk.Listbox(root) sl = tk.Scrollbar(root) # side 指定 Scrollbar 为居右...运行程序,Scrollbar 的 slider 已经到了50位置,也就是说 Scrollbar 响应了 Listbox 视图改变的消息,调用 了自己的 set 函数。

1.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    零基础入门 19: UGUI ScrollBar

    今天这篇内容非常之少,介绍一下Unity里UGUI ScrollBar这个组件。...这篇先来说一下ScrollBar这个组件,也为下一张做一个铺垫。 ? 进入正题 ---- ScrollBar这个组件就是我们俗称的滚动条,下面来个效果图展示一下。大家一看便知。...ScrollBar如下俩图红框内的组件显示。 ? ? 通常这种滚动进度条都是用来显示当前组里或者当前页面里的多个资源分布情况展示,下面我们就来看一下ScrollBar这个组件的一些属性。 ?...通常来说,我们在使用的时候直接设置ScrollBar背景图以及Handle的贴图,然后将scrollBar关联给某一个tableView或者ScrollView即可使用了。...Scrollbar是配合ScrollRect组件使用的,通常一个ScrollRect滚动视图才会增加Scrollbar这样的一个滚动条,而Unity也为我们对ScrollBar的使用做到了最极致的方便。

    1.4K20

    CSS3自定义滚动条样式 -webkit-scrollbar

    演示 来看看这2个滚动条demo: demo1(图片版)、demo2(纯CSS3版) 滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb...  滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track  滚动条的轨道(里面装有Thumb) ::-webkit-scrollbar-button...::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去) ::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处 ::-webkit-resizer...来看看demo2中第二个滚动条的样式 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px...*/ ::-webkit-scrollbar-track-piece:start { /*滚动条上半边或左半边*/ } ::-webkit-scrollbar-thumb:window-inactive

    2.4K20

    css实现横向滚动条(css纵向滚动条)

    滚动条设置的width、height,分别是对应纵向滚动条 宽度、横向滚动条 高度,无法修改纵向滚动条高度、横向滚动条宽度数值只介绍Google浏览器滚动条样式,常用属性如下) ::-webkit-scrollbar...滚动条整体样式 ::-webkit-scrollbar-button 一设置滚动条样式,滚动条两端的按钮图标就消失,但可以重新设置图片、新样式 ::-webkit-scrollbar-track...外层轨道 ::-webkit-scrollbar-track-piece 内层轨道,它会覆盖外层轨道 scrollbar-track 的样式 ::-webkit-scrollbar-thumb...滑块 ::-webkit-scrollbar-thumb:hover 滑块悬浮 ::-webkit-scrollbar-thumb:vertical:hover 纵向滑块悬浮 ::-webkit-scrollbar-thumb...scrollbar-highlight-color: #bec5ca; /*立体滚动条阴影的颜色*/ scrollbar-shadow-color

    7.5K30
    领券