Qt5.9中QSS(qt Style Sheet)用法之一設定按鈕顏色和背景色(設定按鈕間相互間隔、設定按鈕與周圍邊緣間隔)

三公子Tjq發表於2018-06-20

本部落格主要總結用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

相關文章