QScrollBar 的css 设置详解

https://blog.csdn.net/myxuan475/article/details/50262105

本文主要介绍QScrollBar的样式表设置的问题

 

 

1. setStyleSheet(QString::fromUtf8("\

2. QScrollBar::vertical {\

3. background:rgb(63,70,87);\

4. border:0px solid grey;\

5. width: 30px;\

6. margin:30px 0px 30px 0px;\

7. }\

8. QScrollBar::handle:vertical {\

9. background: rgb(108,113,125);\

10. border: 1px solid grey;\

11. border-radius:0px;\

12. min-height: 20px;\

13. width:30px;\

14. }\

15. QScrollBar::add-line:vertical {\

16. height: 30px;\

17. subcontrol-origin:margin;\

18. }\

19. QScrollBar::sub-line:vertical {\

20. height: 30px;\

21. subcontrol-origin:margin;\

22. }\

23. QScrollBar::up-arrow:vertical {\

24. subcontrol-origin: margin; \

25. height: 31px;\

26. border:0 0 0 0;\

27. border-image: url(:images/uparrow.png);\

28. }\

29. QScrollBar::down-arrow:vertical { \

30. subcontrol-origin: margin; \

31. height: 31px;\

32. border-image: url(:images/downarrow.png);\

33. }\

34. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {\

35. background: none;\

36. border:0,0,0,0;\

37. }\

38. QScrollArea {\

39. border:0,0,0,0;\

40. background:rgb(63,70,87);\

41. }\

42. "));

1、 QScrollBar::vertical 设置纵向滚动条，水平的为horizon,默认的分别在下面和右边。主要注意的是margin:30px 0px 30px 0px;一定要有，否则上下箭头可能看不到了。

 

2、QScrollBar::handle:vertical 纵向滚动条中间滑动的句柄设置，min-height: 20px;这个表示最小高度

 

3、 QScrollBar::add-line 为滚动条下面的箭头区域，点一下往下走一行的那个，sub-line则是上面的

 height: 30px;\
 subcontrol-origin:margin;\

必须的

4、 QScrollBar::up-arrow down-arrow上下箭头，高度应稍大好看些

 

5、QScrollArea 就是滚动条上下箭头之间区域的样式设置