11/25

ZBD_IIIDL_S_Project/build20241115/DependFile/QSS/QSlider.txt

@@ -0,0 +1,72 @@
+
+/**********首先指定是水平还是竖直*不添加此代码，下方不起作用******/
+QSlider::groove:horizontal {
+border: 0px solid #bbb;
+}
+/*1.滑动过的槽设计参数*/
+QSlider::sub-page:horizontal {
+ /*槽颜色*/
+background: #05A6EC;
+ /*外环区域倒圆角度*/
+border-radius: 4px;
+ /*上遮住区域高度*/
+margin-top:8px;
+ /*下遮住区域高度*/
+margin-bottom:8px;
+/*width在这里无效，不写即可*/
+}
+
+/*2.未滑动过的槽设计参数*/
+QSlider::add-page:horizontal {
+/*槽颜色*/
+background: #ECEBEB;
+/*外环大小0px就是不显示，默认也是0*/
+border: 0px solid #777;
+/*外环区域倒圆角度*/
+border-radius: 4px;
+ /*上遮住区域高度*/
+margin-top:9px;
+ /*下遮住区域高度*/
+margin-bottom:9px;
+}
+
+/*3.平时滑动的滑块设计参数*/
+/3.1**********使用纯代码实现*****/
+QSlider::handle:horizontal {
+/*滑块颜色*/
+background: rgb(255,255,255);
+/*滑块的宽度*/
+width: 30px;
+/*滑块外环为1px，再加颜色*/
+border: 1px solid #05A6EC;
+ /*滑块外环倒圆角度*/
+border-radius: 15px; 
+ /*上遮住区域高度*/
+margin-top:0px;
+ /*下遮住区域高度*/
+margin-bottom:0px;
+}
+
+/*********使用背景图的方式添加滑块***********/
+QSlider::handle:horizontal {
+        width: 30px;
+		background:transparent;
+		background-image: url(:/DependFile/Source/channel/slder.png);
+        margin: -5px -0px -0px -0px;
+}
+
+/*4.手动拉动时显示的滑块设计参数*/
+QSlider::handle:horizontal:hover {
+/*滑块颜色*/
+background: rgb(193,204,208);
+/*滑块的宽度*/
+width: 30px;
+/*滑块外环为1px，再加颜色*/
+border: 1px solid rgb(193,204,208);
+ /*滑块外环倒圆角度*/
+border-radius: 5px; 
+ /*上遮住区域高度*/
+margin-top:4px;
+ /*下遮住区域高度*/
+margin-bottom:4px;
+}