码迷，mamicode.com
首页 > 其他好文 > 详细

QSS示例

时间：2015-06-04 21:06:42      阅读：236      评论：0      收藏：0      [点我收藏+]

标签：

使用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.   
  23. QPushButton#pushButton_1  
  24. {  
  25.     background-image: url(./images/btn_1.png);  
  26.     background-color: transparent;  
  27.     border: 0px;  
  28. }  
  29. QPushButton#pushButton_1:hover{  
  30.     background-image: url(./images/btn_1_hover.png);  
  31.     border: 0px;  
  32. }  
  33. QPushButton#pushButton_1:checked{  
  34.     background-image: url(:/res/image/11.png);  
  35.     border: 0px;  
  36. }  
  37.   
  38. QPushButton#pushButton_10{  
  39.     background-image: url(./images/btn_10.png);  
  40.     background-color: transparent;  
  41.     border: 0px;  
  42. }  
  43. QPushButton#pushButton_10:hover{  
  44.     background-image: url(./images/btn_10_hover.png);  
  45.     border: 0px;  
  46. }  
  47. QPushButton#pushButton_10:checked{  
  48.     background-image: url(:/res/image/22.png);  
  49.     border: 0px;  
  50. }  


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

 

QSS示例

标签：

原文地址：http://www.cnblogs.com/IamQtCreator/p/4552848.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！