pythonPYQT5ScrollBar滚动条QSS自定义设置

更新时间:2023-05-22 01:11:46 阅读: 评论:0

多雨的英语pythonPYQT5ScrollBar滚动条QSS⾃定义设置
⽹上主要是关于C++的QSS设置,和python⼤致相同,但还是有⼀些区别。为了避免⿇烦,在这⾥做⼀下记录和分享,⽅便以后的使⽤。以竖直(vertical)的滚动条为例。注意,使⽤的时候请将每⾏代码后⾯的注释删掉再运⾏代码,否则代码运⾏不出效果。
关键点:来电铃声推荐
1.需要将对scrollarea的QSS设置拆分为对scrollAreaWidgetContents和scrollbar的设置,如下所⽰,否则scrollarea的整体设置将覆盖scrollbar的设置,使得scrollbar的设置⽆效。
盗窃犯2.为了清楚看到每⼀部分的作⽤,这段代码中⽤了⼀些⽐较显眼的颜⾊,读者要使⽤时可以⾃⾏调整。
3.代码中涉及到箭头图⽚路径的部分,如image:url('./pictures/up-arrow.jpg'),读者⾃⾏从⽹上下载图⽚,然后把路径改成⾃⼰电脑⾥放图⽚的路径即可。
lf.scrollAreaWidgetContents.tStyleSheet('''
QWidget{
background:white;
}
军事新闻网''')2036奥运会
lf.scrollArea.tStyleSheet('''
QWidget{background:red;}  # 调整滚动条的背景颜⾊
QScrollBar:vertical  # 竖直滚动条,⽔平滚动条⽤horizontal,vertical、horizontal都不加则表⽰所有滚动条
{
社会生活作文border-radius:7px;  # 滚动条的滑轨的圆⾓
background:blue;  # 滚动条的滑轨的背景颜⾊
padding-top:14px;  # 滚动条上部增加padding
padding-bottom:14px;  # 同理
}
QScrollBar::handle:vertical
{
background:darkgray;  # 滚动条颜⾊
border-radius:6px;  # 滚动条圆⾓
margin-left:2px;  # 滚动条和滑轨之间的左间隙
margin-right:2px;  # 同理
}
QScrollBar::handle:vertical:hover  # ⿏标放上滑块滑块变⾊
{
background:gray;
border-radius:6px;
}
QScrollBar::add-line:vertical  # 下⽅箭头
{
height:14px;width:8px;  # 设置箭头区域的宽⾼
image:url('./pictures/down-arrow.jpg');  # ⾃⼰在⽹上找的箭头图⽚。如果不需要箭头,可将引号⾥⾯的路径去除,设置为            image:url('')即可}
QScrollBar::sub-line:vertical  # 上⽅箭头表达对已故长辈的思念
{少年小树之歌
height:14px;width:8px;
image:url('');  # 这⾥设置为空,⽅便和下箭头对⽐
}
QScrollBar::add-line:vertical:hover  # ⿏标放到下箭头箭头变成其他图⽚
{
height:14px;width:8px;
image:url('./pictures/down-down-arrow.jpg');
subcontrol-position:bottom;
}
QScrollBar::sub-line:vertical:hover  # ⿏标放到上箭头箭头变成其他图⽚
{
height:14px;width:8px;
image:url('');  # 这⾥设置为空,⽅便和下箭头对⽐
subcontrol-position:top;
}
QScrollBar::add-page:vertical  # 滑块已经经过的滑轨区域的颜⾊,若没有这⾥的设置,该区域会呈现⽹格状,不美观
{
background:green;
}
QScrollBar::sub-page:vertical  #  滑块还没经过的滑轨区域的颜⾊,若没有这⾥的设置,该区域会呈现⽹格状,不美观
{
background:red;
}
''')
下图为效果图。

本文发布于:2023-05-22 01:11:46,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/922712.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:箭头   设置   路径   区域   滑轨   代码   长辈   滑块
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图