Qt5.9中QSS(qt Style Sheet)用法之一設定按鈕顏色和背景色(設定按鈕間相互間隔、設定按鈕與周圍邊緣間隔)
本部落格主要總結用QSS(qt Style Sheet/qt樣式表)來設定QPushButton的背景色和字型顏色用法。
在Qt中,常用控制元件都可以用QSS來設定顏色和背景,下面本文將舉一個例項,示範QSS用法。本文例項的主要內容是,設定兩個pushbutton按鈕的字型顏色和背景色。同時,本文也總結了利用佈局管理器,設定兩個按鈕跟上下空間距離,以及兩個按鈕相互之間距離,具體的例項如下程式碼所示:
小結:
::setMargin(10),表示設定控制元件上下間隔
::setSpacing(10),表示設定按鈕控制元件相互之間間隔
::addStreth(),表示增加一個彈簧,可以用於右對齊或者左對齊
QVBoxLayout *rightLayout = new QVBoxLayout(this); //建立一個縱向佈局
QHBoxLayout *rightTopLayout = new QHBoxLayout;
QPushButton *allSelect = new QPushButton(tr("全選")); //建立並且初始化一個按鈕
allSelect->setStyleSheet("QPushButton{color:white;background-color:rgb(10,150,250)}"); //利用QSS設定按鈕顏色和背景色
rightTopLayout->addStretch(); //利用彈簧使兩個按鈕右對齊
rightTopLayout->addWidget(allSelect,0,Qt::AlignRight); //在橫向佈局中掛在按鈕控制元件,並且右對齊
rightTopLayout->setMargin(10); //設定按鈕控制元件上下的間隔空白
rightTopLayout->setSpacing(10); //設定兩個按鈕控制元件之間的間隔空白
rightLayout->addLayout(rightTopLayout); //將橫向佈局掛載到一個縱向佈局中
將上述程式碼執行後,得到的結果如下圖所示:
參考內容:
https://blog.csdn.net/naibozhuan3744/article/details/80742960
相關文章
- RadioButton文字按鈕間距設定,按鈕在文字右端顯示,RadioButton 右端對齊
- WPF Button按鈕設定圓角
- 設定radio單選按鈕預設選中
- Androidx為Fragment中的按鈕設定監聽AndroidFragment
- css設定按鈕心跳收縮後,按鈕文字上下抖動,如何解決?CSS
- vscode 設定按鈕 戴上了聖誕帽!VSCode
- 前端設計,確定按鈕正慢慢消失前端
- (五)自定義按鈕模板和設定觸發器觸發器
- 選單許可權和按鈕許可權設定
- 點選大中小按鈕設定文章字型大小
- win10顯示休眠按鈕設定方法 win10電源怎麼顯示休眠按鈕Win10
- vue-button設定按鈕是否可點選狀態Vue
- idea設定 執行 按鈕在右上角,設定toolbar兩端對齊Idea
- 直播網站程式原始碼,給元件按鈕、文字編輯框等設定圓形邊框、顏色網站原始碼元件
- Fiori Elements List Report table 裡的普通按鈕,Global 按鈕 和 Determining 按鈕
- 選中按鈕改變文字大小和顏色
- 乾貨!必看創意按鈕設計,打造真正的按鈕誘惑
- iOS Tabbar中間新增凸起可旋轉按鈕iOStabBar
- Android中使按鈕的背景變得透明&前端中css設定透明背景Android前端CSS
- Qt 模擬滑鼠事件-在兩個按鈕之間切換QT事件
- QT經驗(一)——按鈕長按事件分析QT事件
- win10指紋開關按鈕灰色怎麼辦_win10指紋設定按鈕灰色的解決教程Win10
- 高亮按鈕
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- Qt QMessageBox::information 自定義按鈕QTORM
- win10開始選單電源按鈕增加休眠設定方法Win10
- SAP UI5 按鈕的型別和背景色設定例子UI型別
- Qt實現一個支援QSS的Switch Button(開關按鈕)QT
- 聊天平臺原始碼,解決設定導航欄按鈕圖片變色問題原始碼
- fastadmin 資料記錄行上新增操作按鈕並設定許可權AST
- 直播系統原始碼,按鈕圖片和文字位置的各種設定原始碼
- Flutter Button(按鈕)Flutter
- 小程式按鈕
- 復飛按鈕
- Python文字框與按鈕Python
- JFrame容器和JButton按鈕
- 在 js 裡定義按鈕的響應函式JS函式
- elementUI去掉input右邊上下按鈕UI