Qt對基本控制元件進行美化 QStyle和QStyleSheet
1使用QStyle
QStyle是一個抽象類 定義了控制元件如何畫出來。可以繼承這個類實現一些Draw方法來構建某個style
最後對於控制元件呼叫QWidget->SetStyle 或者全域性使用這個style QApp->SetStyle
這種方法比較麻煩,一般UI美化用QStyleSheet。
2QStyleSheet也可以用 QWidget->SetStyleSheet QApp->SetStyleSheet
引數是類似 css的 描述性字串
關於stylesheet 可以參考 http://doc.qt.io/qt-4.8/stylesheet.html
目前stylesheet暫時不支援自定義的Qstyle。
舉例
AddressEdit=new QLineEdit(MainWidget);
AddressEdit->setStyleSheet("QLineEdit{border:1px solid rgb(180, 180, 180);}");
將這個QLineEdit設定邊界寬度1,實線描繪
AddressEdit->setStyleSheet("QLineEdit{border:1px solid rgb(180, 180, 180);background:rgb(255,0,0);}");
邊界寬度1,實線描繪 背景紅色
關於控制元件可以設定哪些屬性(比如boarder background )可以參考
http://doc.qt.io/qt-4.8/stylesheet-reference.html
相關文章
- Qt 介面美化教程 QSS QML Qt自繪方式優缺點對比QT
- 【QT】QSS美化——Buttons篇QT
- QT風格(QStyle):繪製一個自定義QComboBoxQT
- QT常用控制元件(一)——選單欄和對話方塊QT控制元件
- Qt中使用setStyleSheet對按鈕進行外觀設定QT
- 關於不使用firefly補丁對系統進行美化的探討(轉)
- QT 等待對話方塊/進度QT
- QT控制元件大全QT控制元件
- iTerm2教程|如何使用iTerm2對環境進行重新配色和美化?
- Android基本控制元件和Activity的基本應用Android控制元件
- Qt動態新增控制元件QT控制元件
- SAP UI5 初學者教程之十二 - 使用 CSS 類對 UI 進行進一步美化試讀版UICSS
- (資料科學學習手札159)使用ruff對Python程式碼進行自動美化資料科學Python
- Blazor和Vue對比學習(進階2.1.1):生命週期,基本理解和使用BlazorVue
- Qt學習筆記-使用QScreen對螢幕進行截圖(可全屏,可部分)QT筆記
- qt TcpSocket 對連線伺服器中斷的不同情況進行判定QTTCP伺服器
- Qt QTcpSocket 對連線伺服器中斷的不同情況進行判定QTTCP伺服器
- 美化<input type="range">控制元件程式碼例項控制元件
- 基本控制元件(一)控制元件
- Qt入門(18)——使用訊號和槽連線控制元件QT控制元件
- Blazor和Vue對比學習(進階.路由導航一):基本使用BlazorVue路由
- QT佈局之控制元件空隙QT控制元件
- QT時鐘控制元件顯示QT控制元件
- Qt實現自定義控制元件QT控制元件
- QT常用控制元件(三)——自定義控制元件封裝QT控制元件封裝
- PHP 對資料進行驗證和過濾PHP
- 使用mysqldump對mysql進行備份和恢復MySql
- 使用xtrabackup對mysql進行備份和恢復MySql
- 對字典進行排序排序
- javascript對空格和換行進行編碼程式碼例項JavaScript
- Qt 進度條QT
- Qt中對js和HTML通訊的理解QTJSHTML
- Flutter 的基本控制元件Flutter控制元件
- Qt開發Activex筆記(二):Qt呼叫Qt開發的Activex控制元件QT筆記控制元件
- Qt控制元件精講一:按鈕QT控制元件
- QT 讓視窗(或控制元件)居中QT控制元件
- QT之控制元件疊加顯示QT控制元件
- 利用apache Collections和google guava對list和map進行過濾和排序ApacheGoGuava排序