QT 学习 (设置QPushButton和QLabel样式表)

工程文件:

步骤:

(1). 把用到的资源图片全部加载到工程中(其实并没有用到那么多)

(2). 在ui设置中添加一个QLabel和QPushButton并改变按钮的大小

(3). 在初始化时设置控件的样式表(构造函数中)

操作:

(1). 如何向工程添加资源:https://blog.csdn.net/dianzishi123/article/details/86475565  

(2). 在ui设置中添加一个QLabel和QPushButton并改变按钮的大小

(3). 在初始化时设置控件的样式表(构造函数中)

mainwindow.cpp文件:

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    ui->label->setStyleSheet("QLabel{color:rgb(11,111,11);"   //字体颜色
                           // "background-color:red"            //背景色
                            "background-image:url(://jpg/1.jpg)"   //添加图片
                        //      "border-image:url(://jpg/1.jpg)"   //添加图片 自适应大小
                            "}");


    ui->pushButton->setStyleSheet("QPushButton{"
                                  "border-image:url(://jpg/1.jpg)"  //按钮初始背景图片
                                   "}"

                                  "QPushButton:hover{"     //按钮鼠标放上后背景图片
                                  "border-image:url(://jpg/2.jpg)"
                                    "}"

                                  "QPushButton:pressed{"   //按钮鼠标按下背景图片
                                  "border-image:url(://jpg/3.jpg)"
                                  "}");
}

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

初始效果:

工程源码:https://download.csdn.net/download/dianzishi123/10922933