QSS示例

使用qss 可将功能与界面的设计分离开，方便UI设计，也可以制作更多更美的界面。

在代码中调用qss文件：

[cpp] view plaincopy

1. QFile styleSheet(":/qss/myStyle.qss");
2. if (!styleSheet.open(QIODevice::ReadOnly))
3. {
4. qWarning("Can‘t open the style sheet file.");
5. return;
6. }
7. qApp->setStyleSheet(styleSheet.readAll());

myStyle.qss

[css] view plaincopy

1. QPushButton::menu-indicator{image:None;}
2. QPushButton:focus{padding: -5;}
3. QMenuBar
4. {
5. background-image: url(./images/background_main_top.png);
6. }
7. QTreeWidget#treeWidget
8. {
9. background-image: url(./images/background_main_left.png);
10. padding-top:5px;
11. }
12. QFrame#frame
13. {
14. background-image: url(./images/background.png);
15. border: 0px;
16. }
17. QFrame#frame_3
18. {
19. background-image: url(./images/background.png);
20. border: 0px;
21. }
22. QPushButton#pushButton_1
23. {
24. background-image: url(./images/btn_1.png);
25. background-color: transparent;
26. border: 0px;
27. }
28. QPushButton#pushButton_1:hover{
29. background-image: url(./images/btn_1_hover.png);
30. border: 0px;
31. }
32. QPushButton#pushButton_1:checked{
33. background-image: url(:/res/image/11.png);
34. border: 0px;
35. }
36. QPushButton#pushButton_10{
37. background-image: url(./images/btn_10.png);
38. background-color: transparent;
39. border: 0px;
40. }
41. QPushButton#pushButton_10:hover{
42. background-image: url(./images/btn_10_hover.png);
43. border: 0px;
44. }
45. QPushButton#pushButton_10:checked{
46. background-image: url(:/res/image/22.png);
47. border: 0px;
48. }

高级一点的QSS用法，推荐一篇文章：一个值得借鉴的QSS样式 http://blog.csdn.net/yebufan/article/details/5875614