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

  

  

  

  

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM