Qt学习记录（八）Qt样式表

最新推荐文章于 2024-11-09 15:56:43 发布

洋森

最新推荐文章于 2024-11-09 15:56:43 发布

阅读量258

点赞数 7

分类专栏： QT学习记录文章标签：学习

本文链接：https://blog.csdn.net/qq_42908901/article/details/137723440

版权

QT学习记录专栏收录该内容

18 篇文章 1 订阅

订阅专栏

本文详细介绍了在Qt应用程序中如何设置文本和背景颜色，使用RGB值，背景图片，以及处理可伸缩窗口和背景图片的显示问题，包括平铺和裁剪。同时探讨了方箱模型和处理伪状态，以及QPushButton的样式定制。

摘要由CSDN通过智能技术生成

前言：

一，新建工程

二，字体颜色（前景），背景

1，字体颜色

    //字体颜色
    ui->label->setStyleSheet("QLabel{color:red;}");

现象

2，RGB

取值范围0~255

 ui->label->setStyleSheet("QLabel{color:rgb(57,231,199);}");

现象

3，背景颜色

代码

    ui->label->setStyleSheet("QLabel{color:rgb(57,231,199);"
                             "background-color:red;"
                             "}");

现象

！ this->

现象

三，背景图片

添加资源（CONFIG += resources_big）

复制粘贴路径

调整ui

代码

    ui->label->setStyleSheet("QLabel{color:rgb(57,231,199);"
                             "background-color:red;"
                             "background-image:url(:/new/prefix1/image/H13.png);"
                             "}");

现象

存在问题：图片成平铺式，图片不自然适应窗口

5，创建可伸缩窗口

代码

    ui->label->setStyleSheet("QLabel{color:rgb(57,231,199);"
                             "background-color:red;"
                             "border-image:url(:/new/prefix1/image/H13.png);"
                             "}");

现象

6，图片裁剪，扩充

四，方箱模型

五，处理伪状态

夹带私货QAQ

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //字体颜色
    //ui->label->setStyleSheet("QLabel{color:red;}");

    ui->label->setStyleSheet("QLabel{"
                             "border-image:url(:/new/prefix1/image/H13.png);"
                             "}");

    ui->pushButton_2->setStyleSheet("QPushButton{"
                                     "border-image:url(:/new/prefix1/image/H13.png);"
                                    "}"

                                    "QPushButton:hover{"
                                     "border-image:url(:/new/prefix1/image/H13_2.png);"
                                    "}"

                                    "QPushButton:pressed{"
                                     "border-image:url(:/new/prefix1/image/H13_3.png);"
                                    "}"

                                    );

    ui->pushButton->setStyleSheet("QPushButton{"
                                  "border: 5px outset red;"
                                  "}"

                                  "QPushButton:hover{"
                                  "border: 5px outset green;"
                                  "}"

                                  "QPushButton:pressed{"
                                  "border: 5px outset blue;"
                                  "}"

                                  );



}

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

现象