QSlider 的样式设置

设计漂亮的style sheet,注意背景色..否则每个角上会有一个像素的小点..

[plain]  view plain copy

1. QSlider::groove:horizontal {  
2. border: 1px solid #4A708B;  
3. background: #C0C0C0;  
4. height: 5px;  
5. border-radius: 1px;  
6. padding-left:-1px;  
7. padding-right:-1px;  
8. }  
9.   
10. QSlider::sub-page:horizontal {  
11. background: qlineargradient(x1:0, y1:0, x2:0, y2:1,   
12.     stop:0 #B1B1B1, stop:1 #c4c4c4);  
13. background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1,  
14.     stop: 0 #5DCCFF, stop: 1 #1874CD);  
15. border: 1px solid #4A708B;  
16. height: 10px;  
17. border-radius: 2px;  
18. }  
19.   
20. QSlider::add-page:horizontal {  
21. background: #575757;  
22. border: 0px solid #777;  
23. height: 10px;  
24. border-radius: 2px;  
25. }  
26.   
27. QSlider::handle:horizontal   
28. {  
29.     background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,   
30.     stop:0.6 #45ADED, stop:0.778409 rgba(255, 255, 255, 255));  
31.   
32.     width: 11px;  
33.     margin-top: -3px;  
34.     margin-bottom: -3px;  
35.     border-radius: 5px;  
36. }  
37.   
38. QSlider::handle:horizontal:hover {  
39.     background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #2A8BDA,   
40.     stop:0.778409 rgba(255, 255, 255, 255));  
41.   
42.     width: 11px;  
43.     margin-top: -3px;  
44.     margin-bottom: -3px;  
45.     border-radius: 5px;  
46. }  
47.   
48. QSlider::sub-page:horizontal:disabled {  
49. background: #00009C;  
50. border-color: #999;  
51. }  
52.   
53. QSlider::add-page:horizontal:disabled {  
54. background: #eee;  
55. border-color: #999;  
56. }  
57.   
58. QSlider::handle:horizontal:disabled {  
59. background: #eee;  
60. border: 1px solid #aaa;  
61. border-radius: 4px;  
62. }  

以下是竖版的样式:

[plain]  view plain copy

1. QSlider::groove:vertical {  
2. border: 1px solid #4A708B;  
3. background: #C0C0C0;  
4. width: 5px;  
5. border-radius: 1px;  
6. padding-left:-1px;  
7. padding-right:-1px;  
8. padding-top:-1px;  
9. padding-bottom:-1px;  
10. }  
11.   
12. QSlider::sub-page:vertical {  
13. background: #575757;  
14. border: 1px solid #4A708B;  
15. border-radius: 2px;  
16. }  
17.   
18. QSlider::add-page:vertical {  
19. background: qlineargradient(x1:0, y1:0, x2:0, y2:1,   
20.     stop:0 #c4c4c4, stop:1 #B1B1B1);  
21. background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1,  
22.     stop: 0 #5DCCFF, stop: 1 #1874CD);  
23. border: 0px solid #777;  
24. width: 10px;  
25. border-radius: 2px;  
26. }  
27.   
28. QSlider::handle:vertical   
29. {  
30.     background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #45ADED,   
31. <span style="white-space:pre">  </span>stop:0.778409 rgba(255, 255, 255, 255));  
32.   
33.     height: 11px;  
34.     margin-left: -3px;  
35.     margin-right: -3px;  
36.     border-radius: 5px;  
37. }  
38.   
39. QSlider::sub-page:vertical:disabled {  
40. background: #00009C;  
41. border-color: #999;  
42. }  
43.   
44. QSlider::add-page:vertical:disabled {  
45. background: #eee;  
46. border-color: #999;  
47. }  
48.   
49. QSlider::handle:vertical:disabled {  
50. background: #eee;  
51. border: 1px solid #aaa;  
52. border-radius: 4px;  
53. }  

转自：http://blog.csdn.net/robertkun/article/details/20119135