Bootstrap

深入理解 Qt 样式表(QSS):从基础到实战

引言

在 Qt 开发中,界面美化是一个非常重要的环节。Qt 提供了强大的样式表(QSS)功能,允许开发者通过类似 CSS 的语法来定制控件的外观。本文将详细介绍 Qt 样式表的使用方法,包括 QSS 文件的编写与引用,并结合实际代码示例,展示如何通过样式表实现控件的美化。

二编:Qt程序已上传,如有需要可下载参考。链接及其资源介绍在文章末尾。


一、 Qt 样式表简介

Qt 样式表(QSS)是一种基于 CSS 的机制,用于定制 Qt 控件的外观。通过 QSS,开发者可以轻松地修改控件的背景颜色、字体、边框、图片等属性,而无需修改控件的代码。
在这里插入图片描述

1.1 QSS 的基本语法

QSS 的语法与 CSS 非常相似,以下是一个简单的 QSS 示例:

QLabel {
   
    background-color: yellow;
    font-size: 16px;
    color: black;
}
  • QLabel 是选择器,表示所有 QLabel 控件。
  • background-colorfont-sizecolor 是属性,分别设置背景颜色、字体大小和文本颜色。

1.2 QSS 的优势

  • 灵活性:可以通过 QSS 快速修改控件的外观,而无需修改代码。
  • 可维护性:将样式与逻辑分离,便于维护和扩展。
  • 跨平台:QSS 在不同平台上表现一致,确保界面风格统一。

二、 QSS 文件的编写与引用

在实际开发中,通常会将 QSS 样式写入单独的文件中,然后在程序中加载和引用。以下是具体实现方法。

2.1 编写 QSS 文件

创建一个 style.qss 文件,内容如下:

/* 设置所有 QLabel 的背景颜色为黄色 */
QLabel {
   
    background-color: yellow;
}

/* 设置对象名为 label2 的 QLabel 的背景颜色为红色 */
QLabel#label2 {
   
    background-color: red;
}

同时,请注意:如果不额外对label2进行命名与设置,则所有的lable背景颜色都会被设置为黄色。

2.2 引用 QSS 文件

在程序中加载并应用 QSS 文件:

#include <QApplication>
#include <QFile>

int main(int argc, char *argv[])
{
   
    QApplication a(argc, argv);

    
;