学习QT之QSS的使用

1、新建qss文件

在你的工程中创建一个MyQss.qss，新建一个​​.txt​​，修改名字和后缀。

 

2、工程内建立资源文件

Qt Creator中依次点击文件、新建文件或项目，选择Qt Resource File：

 

新建完成之后，点击下面的添加下拉按钮，添加前缀：

 

前缀添加完成之后，再此点击添加下拉按钮，添加文件，把之前新建的​​.qss​​文件添加进去：

 

添加完文件之后，点击文件中的保存所有文件，就可以看到我们添加的qss文件了：

 

3、读取资源文件

在类中添加如下函数：

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

4、添加样式代码

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

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

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓