QSlider进度条

最新推荐文章于 2025-03-22 13:20:37 发布

yangluoning

最新推荐文章于 2025-03-22 13:20:37 发布

阅读量2.8k

点赞数 1

分类专栏： QT

本文链接：https://blog.youkuaiyun.com/yangluoning/article/details/39253417

版权

QT 专栏收录该内容

25 篇文章

订阅专栏

<pre name="code" class="css">QSlider::groove:horizontal {
border: none;
height: 3px;

}

QSlider::sub-page:horizontal {
background: qlineargradient(x1: 0.3, y1: 0, x2: 1, y2: 0,
    stop: 0 #00ffec, stop: 1 #f9ff00);
height: 3px;
border-radius: 0px;
}

QSlider::add-page:horizontal {
background: #1b6aac;
border: none;
height: 3px;
border-radius: 0px;
}


QSlider::handle:horizontal 
{
background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:1, fx:0.5, fy:0.5, stop:0.04 rgba(217, 219, 220, 255), stop:0.12 rgba(251, 254, 255, 255),stop:0.25 rgba(251, 254, 255, 0), stop:0.25 rgba(255, 255, 255, 150),stop:0.5 rgba(255, 255, 255, 0));
 	width: 25px;
    margin-top: -12px;
    margin-bottom: -12px;
    border-radius: 4px;
}

QSlider::handle:horizontal:hover {
 background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, 
    stop:0.3 #2A8BDA, stop:0.778409 rgba(255, 255, 255, 255));
     width: 8px;
    margin-top: -3px;
    margin-bottom: -3px;
    border-radius: 3px;
}