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