qt 部分控件 setStyleSheet 使用总结

Posted 2021-03-23 warmlight

刚用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);