欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Qt 美化滑动条

程序员文章站 2022-06-07 12:14:47
...

Qt 美化滑动条的qss*


QScrollBar:vertical {
    width: 8px;
    background: rgba(255, 0, 0,0%);
    margin: 0px,0px,0px,0px;
    padding-top: 0px;		/*//隐藏上下的箭头*/
    padding-bottom: 0px;
}
QScrollBar::handle:vertical {
    width: 8px;
    background: rgba(25, 94, 149,75%); /*普通时候透明度75%*/
    /*滚动条两端变成椭圆 */
    border-radius: 2px;
    min-height: 30;
}

QScrollBar::handle:vertical:hover {
    width: 8px;
    /*鼠标放到滚动条上的时候,颜色变深*/
    background: rgba(25, 94, 149,100%);
    border-radius: 2px;
    min-height: 30;
}
/*设置上箭头 这里我去掉了 但是设置方法如下  */
 QScrollBar::sub-line:vertical {
    background:none;
  width:0px;
  subcontrol-position:top;
  subcontrol-origin:margin;
 }
QScrollBar::add-line:vertical
{
background:none;
  width:0px;
  subcontrol-position:bottom;
  subcontrol-origin:margin;
}

/*上下进度条背景色 滚动条上下的颜色*/
QScrollBar::sub-page:vertical {
    background: rgb(231, 231, 231);
}
QScrollBar::add-page:vertical 
{
    background: rgb(231, 231, 231);
}