qt樣式表參考css層疊樣式表設計,不同之處在於qt樣式表應用於widget世界。
this->setstylesheet("qpushbuttonqslider");
qpushbutton
qpushbutton
qpushbutton
是選擇符,
是宣告,color
是屬性,red
是值
選擇符選擇符
示例說明
通用選擇符
*匹配所有部件
型別選擇符
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。
qt樣式表可以存放在乙個以/****************主介面背景*******************/
qmainwindow
/****************按鈕部件*******************/
qpushbutton
qpushbutton:hover
qpushbutton:pressed
/****************滑塊部件*******************/
qslider::handle:horizontal
qslider::sub-page:horizontal
.qss
為字尾的檔案中,可以在程式中呼叫不同的.qss
檔案實現換**功能。
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整個都透明...