Ubuntu上qt使用SSH样式表

news2024/9/21 23:40:17

SSH样式表

如果学习过web的同学都知道，我们在学习HTML的时候会用到样式表，我们使用它来更改我们的颜色、大小、背景等等。上到后面，老师会说：我们如果在HTML文件中编辑太多的样式，就会让代码看起来非常的繁琐，所以我们开始学习了CSS样式，那么在QT中我们也同样会使用。那我们就开始学习吧！‘

1.编辑样式

#include "widget.h"
#include "ui_widget.h"
#include"QLabel"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    //ui->setupUi(this);
    this->setStyleSheet("QWidget {background-color:red}");
    QLabel *label = new QLabel(this);
    label->setGeometry(0,0,100,100);


    QLabel *label1 = new QLabel(this);
    label1->setGeometry(100,100,100,100);
    label1->setObjectName("label1");

    this->resize(800,800);
    label->setStyleSheet("QLabel {background-color:blue}");
}

Widget::~Widget()
{
    delete ui;
}

他的运行结果是这样的：

我们要如何使用SSH样式表来实现呢？

2.创建样式表文件

我们新建一个资源文件，创建好后我们将我们的样式文件写入到这个样式表中。

QWidget {background-color:red}
QLabel {background-color:blue}
QLabel#label1 {background-color:green}

我们写完之后运行一下，发现什么都没有！！！！！！

这是因为这个样式表是文件，我们如果要使用这个文件，我们就要读文件：（main.cpp文件）

#include "widget.h"
#include"QFile"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QFile file(":/style.qss");
    if(file.exists()){
        file.open(QFile::ReadOnly);
        QString styleSheet = QLatin1String(file.readAll());
        qApp->setStyleSheet(styleSheet);
        file.close();
    }

    Widget w;
    w.show();
    return a.exec();
}

然后就好啦！！！

·············································································································