學習QT之QSS的使用

一、新建qss文件

在你的工程中創建一個MyQss.qss，新建一個.txt，修改名字和後綴。

二、工程內建立資源文件

Qt Creator中依次點擊文件、新建文件或項目，選擇Qt Resource File：

新建完成之後，點擊下面的添加下拉按鈕，添加前綴：

前綴添加完成之後，再此點擊添加下拉按鈕，添加文件，把之前新建的.qss文件添加進去：

添加完文件之後，點擊文件中的保存所有文件，就可以看到我們添加的qss文件了：

三、讀取資源文件

在類中添加如下函數：

void Widget::Set_QSS()//設置樣式
{
    QFile file(":/QSS/myQss.qss");
    file.open(QFile::ReadOnly);
    QString styleSheet = tr(file.readAll());
    this->setStyleSheet(styleSheet);
    file.close();
}

四、添加樣式代碼

在qss文件中添加樣式代碼，在此舉一個QWidget的例子：

QWidget#widget_3  
{
    border: 1px solid #32435E;
    border-radius: 5px;                /*控件邊框的弧度，數值越大，則彎曲得越厲害*/
    /* padding: 0 8px; */
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,    /*背景*/
                             stop: 0 #113845,
                             stop: 1.0 #15A8FF);
    selection-background-color: #0A246A;
}

QWidget#widget_3 ：QWidget是類名，widget_3是控件（對象）名

（Widget）效果如下：

稍加調教，就可以實現一些好看的界面：