两种QSlider进度条的QSS样式

1. 横的进度条：

musicSlider->setStyleSheet(" \QSlider::add-page:Horizontal\{\background-color: rgb(87, 97, 106);\height:4px;\}\QSlider::sub-page:Horizontal \{\background-color:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(231,80,229, 255), stop:1 rgba(7,208,255, 255));\height:4px;\}\QSlider::groove:Horizontal \{\background:transparent;\height:6px;\}\QSlider::handle:Horizontal \{\height: 30px;\width:8px;\border-image: url(:/images/ic_music_thumb.png);\margin: -8 0px; \}\&;);由于采用样式，原始的拖动滑块消失，采用ic_music_thumb.png来当拖动滑块。

<- – ic_music_thumb.png

2. 竖的进度条，，有底色。圆形滑块。

volumeSlider->setStyleSheet(" \QSlider\{\background-color: rgb(25, 38, 58);\min-width:5px;\max-width:5px;\border:15px solid rgb(25, 38, 58);\}\QSlider::add-page:vertical\{\background-color: rgb(37, 168, 198);\width:4px;\}\QSlider::sub-page:vertical \{\background-color: rgb(87, 97, 106);\width:4px;\}\QSlider::groove:vertical \{\background:transparent;\width:6px;\}\QSlider::handle:vertical \{\height: 13px;\width:13px;\border-image: url(:/images/ic_volume_thumb.png);\margin: -0 -4px; \}\&;);

<– ic_volume_thumb.png

不然你大概会一直好奇和不甘吧——家门前的那条小路，