QSlider的qss美化

最新推荐文章于 2024-08-08 15:43:01 发布

使徒保罗

最新推荐文章于 2024-08-08 15:43:01 发布

阅读量5.5k

点赞数 2

分类专栏： qt 文章标签： qt 进度条 QSlider 美化 qss

本文链接：https://blog.csdn.net/su_vast/article/details/51782817

版权

qt 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

作者：使徒保罗

联系方式: 297329588szh@163.com

说明: 有任何疑问可通过邮箱联系本人

本文主要采用qt qss机制对QSlider进行美化.

QSlider有四种辅助控制器：groove(槽部分)、handle(滑块)、add-page(未滑过部分) 、sub-page(已滑过部分)。

核心代码:

m_pSlider = new QSlider(Qt::Horizontal,this);

m_pSlider->setGeometry(100, 100, 200, 20);

m_pSlider->setStyleSheet("QSlider::groove:horizontal{ \

                                                height: 10px; \

                                                left: 5px; \

                                                right: 5px; \

                                                background: #dcdcdc; \

} \

                          QSlider::handle:horizontal{ \

                                                border-radius: 10px; \

                                                width:  20px; \

                                                margin: -5px -1px; \

                                                background: green; } \

                          QSlider::sub-page:horizontal{background: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(27, 5, 27, 255), stop:0.25 rgba(99, 20, 102, 255), stop:0.5 rgba(154, 30, 158, 255), stop:1 rgba(173, 57, 176, 255));}");