qt 部分控件 setStyleSheet 使用总结

刚用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);}QTreeView::branch::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);

  

  

  

  

 

  

posted @ 2019-12-11 18:00  阳光下的小土豆  阅读(4910)  评论(0编辑  收藏  举报