多雨的英语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;
}
''')
下图为效果图。