Qt界面美化之Qt Style Sheets

原创

已于 2023-11-10 11:03:22 修改 · 1.1k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#qt #c++

于 2023-11-02 13:47:11 首次发布

本文介绍了Qt中的QSS样式表如何应用于控件，如设置背景、颜色、边框、圆角等，以及如何为窗口和不同类型的控件提供统一的美化风格。

Qt style sheet 简称QSS

style sheet可以在代码中单独对某个控件使用，例如：

labelLEDLIN = new QLabel("",this);
labelLEDLIN->setFixedSize(36,36);
labelLEDLIN->setStyleSheet("background-color:red;border-radius:18px;color:white;font:12pt;border: 3px solid #87B2D5;");
// 设置label的样式：背景色红色  边框圆角半径为长宽的一半  字体颜色   字体大小 边框宽度和颜色
// 这样就把label控件设置成了红色的圆形，可以做LED指示灯。

style sheet 也可以直接作用在窗口，按类型来美化，如下：

//main.cpp

#include "mywidget.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MyWidget w;
    const QString qssStyle ="\
                        QPushButton {\
                            border: 2px solid rgba(88, 166,220 , 90%);\
                            border-radius: 5px;\
                            background-color:qlineargradient( x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #9BC7FD, stop: 0.4 #3390D1 ,stop: 1.0 #9BC7FD);\
                        }\