学习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）效果如下：

稍加调教，就可以实现一些好看的界面：