Qt中用CSS对进度条的样式表进行设置

最新推荐文章于 2024-09-05 23:18:36 发布

原创最新推荐文章于 2024-09-05 23:18:36 发布 · 4.2k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css #qt

收录于

Qt学习笔记专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何在Qt环境中使用CSS（Cascading Style Sheets）来定制和美化进度条的样式表，通过实例详细解析设置过程。

/*首先是设置主体*/
QSlider{
    border-color: #bcbcbc;
}

QSlider::groove:horizontal {
    border: 1px solid #999999;
    height: 1px;
    margin: 0px 0;
    left: 5px; right: 5px;
 }

/*设置中间的那个滑动的键 */
QSlider::handle:horizontal {
     border: 0px ;
     border-image:  url(:/skin_music/skin/icons_music/progress/progress_handle_my.png);
     width: 15px;
     margin: -7px -7px -7px -7px;
}

/*还没有滑上去的地方*/
QSlider::add-page:horizontal{
    background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
        stop:0 #bcbcbc, stop:0.25 #bcbcbc, stop:0.5 #bcbcbc, stop:1 #bcbcbc);
}

/*已经划过的地方*/
QSlider::sub-page:horizontal{
 background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0,
    stop:0 #439cf3, stop:0.25 #439cf3, stop:0.5 #439cf3, stop:1 #439cf3);
}