Qt：setStyleSheet()函数

最新推荐文章于 2024-10-05 23:40:43 发布

Charlesffff

最新推荐文章于 2024-10-05 23:40:43 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Qt 文章标签： qt ui 开发语言

本文链接：https://blog.csdn.net/weixin_44190648/article/details/123132591

Qt 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何使用Qt进行界面元素如label和button的样式设置，包括字体颜色、背景色、背景图片、边框大小及颜色，以及按钮的鼠标状态响应。通过setStyleSheet函数，可以实现对单个或所有label的样式统一修改，并展示了如何解决背景图片平铺的问题。同时，还提及了按钮在不同状态下的背景图像变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.针对于具体label

#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //设置label1字体颜色、背景色
    ui->label_1->setStyleSheet("QLabel{color:rgb(0,255,255);background-color:red;}");
}

在这里插入图片描述

二.针对于所有label

#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //设置所有label字体颜色、背景色
    this->setStyleSheet("QLabel{color:rgb(0,255,255);background-color:red;}");
}

在这里插入图片描述

三.设置背景图片

 ui->label_2->setStyleSheet("QLabel{color:white;background-image:url(:/new/prefix1/dog.jpg)}");

在这里插入图片描述
虽然成功设置背景，但是问题是反复平铺的。
将background-image改为border-image就没问题了。

ui->label_2->setStyleSheet("QLabel{color:white;border-image:url(:/new/prefix1/dog.jpg)}");

其他设置：
在这里插入图片描述

四.边框设置

//设置按钮边框大小、颜色
ui->pushButton->setStyleSheet("QPushButton{border:2px outset green;}");

在这里插入图片描述
五.设置按钮状态

  //border-image设置按钮背景颜色、hover鼠标放在按钮上状态、pressed鼠标点击按钮状态
    ui->pushButton->setStyleSheet("QPushButton{border-image:url(:/new/prefix1/1645759305696.jpg);}"
                                  "QPushButton:hover{border-image:url(:/new/prefix1/dog.jpg);}"
                                  "QPushButton:pressed{border-image:url(:/new/prefix1/qq.jpg);}"
                                  );

在这里插入图片描述