qt 樣式表基本用法

qt樣式表參考css層疊樣式表設計，不同之處在於qt樣式表應用於widget世界。

this->setstylesheet("qpushbuttonqslider");

qpushbutton

選擇符選擇符

示例說明

通用選擇符

*匹配所有部件

型別選擇符

qpushbutton

匹配所有qpushbutton例項和它的所有子類

屬性選擇符

qpushbutton[flat = "false"]

匹配qpushbutton的屬性flat為false例項

類選擇符

.qpushbutton

匹配所有qpushbutton例項但不包含它的子類

id選擇符

qpushbutton#okbutton

匹配所有qpushbutton中以okbutton為物件名的例項

後代選擇符

qdialog qpushbutton

匹配所有qpushbutton例項，必須是qdialog的子孫部件

孩子選擇符

qdialog>qpushbutton

匹配所有qpushbutton例項，必須是qdialog的直接子部件

子控制項qcombobox的下拉按鈕子控制項

qspinbox的向上向下箭頭子控制項

選擇符可以包含子控制項對部件的特定子控制項應用規則

qcombobox::drop-down此規則改變所有qcombobox部件的下拉按鈕樣式

偽狀態qcheckbox:hover:checked當滑鼠懸停在乙個被選中的qcheckbox上時才應用規則。

衝突解決

特殊的優先

層疊

內容（content）、填襯（padding）、邊框（border）、邊距（margin）

使用background-image來指定背景，如果希望背景隨著部件的大小變化，就必須使用border-image。

/****************主介面背景*******************/

qmainwindow
/****************按鈕部件*******************/
qpushbutton
qpushbutton:hover
qpushbutton:pressed 
/****************滑塊部件*******************/
qslider::handle:horizontal 
qslider::sub-page:horizontal 

qfile file(":/qss/my.qss");

// 唯讀方式開啟該檔案
file.open(qfile::readonly); 
// 讀取檔案全部內容，使用tr()函式將其轉換為qstring型別
qstring stylesheet = tr(file.readall());

qt樣式表入門

qt樣式表 qss 是使用與級聯樣式表 css 類似的語言編寫的文字描述。它可以用來自定義窗體的外觀，其方式大致類似於使用 css 描述來自定義 html 使用 www 瀏覽器來提交 的方式。通過stylesheet 屬性 可從qwidget 及其子類中獲得 可以訪問每個窗體的樣式表，使用這一方式，...

Qt樣式表學習

目錄 1.何為qt樣式表 2.樣式表語法基礎 3.方箱模型 4.前景與背景 5.建立可縮放樣式 6.控制大小 7.處理偽狀態 8.使用子部件定義微觀樣式 8.1.相對定位 8.2.絕對定位 1.何為qt樣式表 樣式表是通過qstyle的乙個叫qstylesheet的特殊子類來實現的。這個特殊的子類實...

QT 樣式表基礎

setstylesheet string 主視窗設定樣式的函式 或是哪個控制項需要設定直接呼叫 setstylesheet qpushbutton background 背景色 color 前景色 border 邊界 setwindowopacity 浮點型 設定視窗的透明度 範圍是0 1整個都透明...