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

qt 部分控件 setStyleSheet 使用总结

时间:2019-12-11 19:48:19      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:贴图   size   背景色   tool   check   ack   push   checked   aci   

刚用Qt不久,但是已经感受到Qt ui设计的便捷。

总结一下最近使用的控件,把它们setStyleSheet的使用方法记录下来。

主要使用到的工具有:QToolBar,QToolBox,QPushButton,QLabel,QListWidget,QTabWidget,QTableWidget,QTreeWidget,QToolButton.

QPushButton,QToolButton的“按下”三态贴图,QPushButton为例:

setStyleSheet("QPushButton:hover{border-image:url(:/images/ui_design/1.png);}                                QPushButton:pressed{border-image:url(:/images/ui_design/2.png);}                                QPushButton{border-image:url(:/images/ui_design/3.png);}");

 QToolButton“选中”三态:

setStyleSheet("QToolButton:hover{border-image:url(:/images/ui_design/1.png);}                                QToolButton:checked{border-image:url(:/images/ui_design/2.png);}                                QToolButton{border-image:url(:/images/ui_design/3.png);}");

QTreeWidget 表头背景色设置,项选中设置:

setStyleSheet("QHeaderView::section{background-color:rgb(255,255,0);color:white}                   QTreeView:item::selected{background-color:rgb(0,255,255);}")

  

  QTableWidget表头背景色设置,项选中设置:

setStyleSheet("QHeaderView::section{background-color:rgb(255,255,0);color:white}                   QTableView:item::selected{background-color:rgb(0,255,255);}")

设置QTreeWidget,QTableWidget, QListWidget项的高度或宽度

setSizeHint(QSize);

设置字体颜色QPushButton,QLabel等:

setStyleSheet("color:red");

设置QListWidget选中项背景色:

setStyleSheet("QListView:item::selected{background-color:blue;color:white;}");

设置QTabWidget选项卡高度,选中背景色:

setStyleSheet("QTabBar::tab:selected{background-color:blue;color:white;}        QTabBar::tab{min-height:33px;}");

设置QToolBox选项卡高度,所有背景色:  

setStyleSheet("QToolBox::tab{background-color:blue;color:white;min-height:30px;}                    QToolBoxButton{min-height:30px;}")

设置QToolBox选项卡间距:

QToolBox*  ->layout()->setSpacing(2);

  

  

  

  

 

  

qt 部分控件 setStyleSheet 使用总结

标签:贴图   size   背景色   tool   check   ack   push   checked   aci   

原文地址:https://www.cnblogs.com/warmlight/p/12024114.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!