QSS自定义属性

article/2025/9/28 23:41:25

1.基本使用

（参见 Qt 文档页章节 Setting QObject Properties：https://doc.qt.io/qt-5/stylesheet-syntax.html）

从 Qt 4.3 及更高版本开始，可以使用 qproperty- <属性名称> 语法设置任何 designable 的 Q_PROPERTY ，QWidget 派生类支持该语法，仅继承 QObject 不会生效。使用该机制可以很方便的扩展我们的程序。

如我们给自己的窗口加上属性：

class MainWindow : public QMainWindow
{Q_OBJECTQ_PROPERTY(int id READ getId WRITE setId)Q_PROPERTY(QString name READ getName WRITE setName)//... ...
}

就可以在 QSS 样式表中这样赋值：

（QString 类型的貌似不能空格分隔，而且不能和颜色值之类的冲突）

MainWindow{
qproperty-id:10;
qproperty-name:gongjianbo-1992;
}

如果我们在属性的 set 函数中打印的话，是可以看到对应输出的：

一些常用的类型对应的 QSS 写法：

/* QIcon QImage 等 */
MyLabel { qproperty-pixmap: url(pixmap.png); }/* QColor */
MyGroupBox { qproperty-titleColor: rgb(100, 200, 100); }MyPushButton {  
/* QSize */
qproperty-iconSize: 20px 20px;/* QRect */
qproperty-myrect:rect(10 20 100 50);   /* QBrush 之渐变色 */
qproperty-mycolor:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));
}

2.注意事项

如果该属性引用用 Q_ENUMS 声明的枚举，则应按名称（而不是其数值）引用其常量。

请谨慎使用 qproperty 语法，因为它会修改正在绘制的小部件。

qproperty 语法仅计算一次，即用样式修饰小部件时。这意味着在伪状态（例如 QPushButton:hover）中使用它们的任何尝试都将无效。但是我们可以给非伪状态重新设置属性值。

如果使用 QString 类型，不要和 QColor 之类的属性值冲突，并且中间不要有分隔。

对于渐变色，可以用 QBrush 类接收。

（2020-6-6补充）正数赋值直接写数字就行，负数测试发现需要加字符串引号。

3.样式表与枚举

（2020-6-6补充）对于自定义属性的枚举值，赋值操作使用字符串：

class MyLabel : public QLabel
{Q_OBJECTQ_ENUMS(MyColor)Q_PROPERTY(MyColor color READ getColor WRITE setColor)
public:enum MyColor{Green=1,Yellow=2,Red=3};//... ...
}
/*类选择器*/
.MyLabel{
/*这里有作用域是因为我枚举是声明在MyLabel类里的*/
qproperty-color:"MyLabel::Red";
}

 对于属性选择器中的枚举值，赋值使用枚举对应常量的字符串：

.MyLabel[color="1"]{
background:green;
}
.MyLabel[color="2"]{
background:yellow;
}
.MyLabel[color="3"]{
background:red;
}

经测试 Q_ENUMS 和 Q_ENUM 注册的枚举是一样的写法，虽然 QDebug 打印的时候前者是常量后者是枚举字符串。（Q_ENUMS 和 Q_ENUM 可以参见文档，以及相关资料：https://woboq.com/blog/q_enum.html） 

4.相关源码片段

属性解析相关

//E:\Qt\qt-everywhere-src-5.15.0\qtbase\src\widgets\styles\qstylesheetstyle.cpp

（可以看到一些支持的基本类型）

void QStyleSheetStyle::setProperties(QWidget *w)
{// The final occurrence of each property is authoritative.// Set value for each property in the order of property final occurrence// since properties interact.const QVector<Declaration> decls = declarations(styleRules(w), QString());QVector<int> finals; // indices in reverse order of each property's final occurrence{// scan decls for final occurrence of each "qproperty"QSet<const QString> propertySet;for (int i = decls.count() - 1; i >= 0; --i) {const QString property = decls.at(i).d->property;if (!property.startsWith(QLatin1String("qproperty-"), Qt::CaseInsensitive))continue;if (!propertySet.contains(property)) {propertySet.insert(property);finals.append(i);}}}for (int i = finals.count() - 1; i >= 0; --i) {const Declaration &decl = decls.at(finals[i]);QString property = decl.d->property;property.remove(0, 10); // strip "qproperty-"const QMetaObject *metaObject = w->metaObject();int index = metaObject->indexOfProperty(property.toLatin1());if (Q_UNLIKELY(index == -1)) {qWarning() << w << " does not have a property named " << property;continue;}const QMetaProperty metaProperty = metaObject->property(index);if (Q_UNLIKELY(!metaProperty.isWritable() || !metaProperty.isDesignable())) {qWarning() << w << " cannot design property named " << property;continue;}QVariant v;const QVariant value = w->property(property.toLatin1());switch (value.userType()) {case QMetaType::QIcon: v = decl.iconValue(); break;case QMetaType::QImage: v = QImage(decl.uriValue()); break;case QMetaType::QPixmap: v = QPixmap(decl.uriValue()); break;case QMetaType::QRect: v = decl.rectValue(); break;case QMetaType::QSize: v = decl.sizeValue(); break;case QMetaType::QColor: v = decl.colorValue(); break;case QMetaType::QBrush: v = decl.brushValue(); break;
#ifndef QT_NO_SHORTCUTcase QMetaType::QKeySequence: v = QKeySequence(decl.d->values.at(0).variant.toString()); break;
#endifdefault: v = decl.d->values.at(0).variant; break;}w->setProperty(property.toLatin1(), v);}
}

渐变色解析

//E:\Qt\qt-everywhere-src-5.15.0\qtbase\src\gui\text\qcssparser.cpp

static BrushData parseBrushValue(const QCss::Value &v, const QPalette &pal)
{ColorData c = parseColorValue(v);if (c.type == ColorData::Color) {return QBrush(c.color);} else if (c.type == ColorData::Role) {return c.role;}if (v.type != Value::Function)return BrushData();QStringList lst = v.variant.toStringList();if (lst.count() != 2)return BrushData();QStringList gradFuncs;gradFuncs << QLatin1String("qlineargradient") << QLatin1String("qradialgradient") << QLatin1String("qconicalgradient") << QLatin1String("qgradient");int gradType = -1;if ((gradType = gradFuncs.indexOf(lst.at(0).toLower())) == -1)return BrushData();QHash<QString, qreal> vars;QVector<QGradientStop> stops;int spread = -1;QStringList spreads;spreads << QLatin1String("pad") << QLatin1String("reflect") << QLatin1String("repeat");bool dependsOnThePalette = false;Parser parser(lst.at(1));while (parser.hasNext()) {parser.skipSpace();if (!parser.test(IDENT))return BrushData();QString attr = parser.lexem();parser.skipSpace();if (!parser.test(COLON))return BrushData();parser.skipSpace();if (attr.compare(QLatin1String("stop"), Qt::CaseInsensitive) == 0) {QCss::Value stop, color;parser.next();if (!parser.parseTerm(&stop)) return BrushData();parser.skipSpace();parser.next();if (!parser.parseTerm(&color)) return BrushData();ColorData cd = parseColorValue(color);if(cd.type == ColorData::Role)dependsOnThePalette = true;stops.append(QGradientStop(stop.variant.toReal(), colorFromData(cd, pal)));} else {parser.next();QCss::Value value;(void)parser.parseTerm(&value);if (attr.compare(QLatin1String("spread"), Qt::CaseInsensitive) == 0) {spread = spreads.indexOf(value.variant.toString());} else {vars[attr] = value.variant.toReal();}}parser.skipSpace();(void)parser.test(COMMA);}if (gradType == 0) {QLinearGradient lg(vars.value(QLatin1String("x1")), vars.value(QLatin1String("y1")),vars.value(QLatin1String("x2")), vars.value(QLatin1String("y2")));lg.setCoordinateMode(QGradient::ObjectBoundingMode);lg.setStops(stops);if (spread != -1)lg.setSpread(QGradient::Spread(spread));BrushData bd = QBrush(lg);if (dependsOnThePalette)bd.type = BrushData::DependsOnThePalette;return bd;}if (gradType == 1) {QRadialGradient rg(vars.value(QLatin1String("cx")), vars.value(QLatin1String("cy")),vars.value(QLatin1String("radius")), vars.value(QLatin1String("fx")),vars.value(QLatin1String("fy")));rg.setCoordinateMode(QGradient::ObjectBoundingMode);rg.setStops(stops);if (spread != -1)rg.setSpread(QGradient::Spread(spread));BrushData bd = QBrush(rg);if (dependsOnThePalette)bd.type = BrushData::DependsOnThePalette;return bd;}if (gradType == 2) {QConicalGradient cg(vars.value(QLatin1String("cx")), vars.value(QLatin1String("cy")),vars.value(QLatin1String("angle")));cg.setCoordinateMode(QGradient::ObjectBoundingMode);cg.setStops(stops);if (spread != -1)cg.setSpread(QGradient::Spread(spread));BrushData bd = QBrush(cg);if (dependsOnThePalette)bd.type = BrushData::DependsOnThePalette;return bd;}return BrushData();
}

 


http://chatgpt.dhexx.cn/article/orKjMfdC.shtml

相关文章

QSS

QSS

摘自&#xff1a;https://qtdebug.com/qtbook-qss/ Qt 提供的 widget 的默认外观很多时候都不符合项目的界面需求&#xff0c;必须要改&#xff0c;修改一个 widget 的外观&#xff08;Look and Feel&#xff09;有以下的方法&#xff1a; 继承 Widget&#xff0c;然后在 pai…
阅读更多...
QSS 语法

QSS 语法

目录 1. 基本语法1.1 样式规则1.2 选择器、声明1.3 大小写1.4 多个选择器 2. 选择器2.1 通用选择器&#xff1a;*2.2 类型选择器&#xff1a;QPushButton2.3 属性选择器&#xff1a;QPushButton[flat"false"]2.4 类选择器&#xff1a;.QPushButton2.5 ID 选择器&…
阅读更多...
QSS（Qt样式表）概念

QSS（Qt样式表）概念

Qt样式表是一个可以自定义部件外观的十分强大的机制&#xff0c;除了QStyle更改的样式&#xff0c;其他的都可以由QSS修改。由于受到Html的CSS启发&#xff0c;所以叫QSS。 代码添加样式表ui界面上添加样式表 代码添加样式表&#xff1a; setStyleSheet&#xff08;&#xff0…
阅读更多...
【QT】QSS使用总结

【QT】QSS使用总结

文章目录 主要流程&#xff1a;导入QSS文件&#xff1a;1. 添加Qt Resource File文件&#xff0c;输入名称2. 在工程文件目录下先建一个".txt"文件&#xff0c;重新命名后缀为".qss"3. 右键添加现有文件qss.qss4. 完成添加5. 将 qss样式应用到整个工程 QSS…
阅读更多...
01_1_Qt工程实践_Qt样式表Qss（什么是QSS；基本语法；setStyleSheet函数；样式表的属性值；利用QtCreate实现样式切换；样式表实现皮肤改变实例）

01_1_Qt工程实践_Qt样式表Qss（什么是QSS；基本语法；setStyleSheet函数；样式表的属性值；利用QtCreate实现样式切换；样式表实现皮肤改变实例）

本篇介绍什么是样式表&#xff0c;讨论如何使用Qt样式表Qss修改应用程序外观&#xff0c;并通过实例进行讲解。 了解HTML的同学都知道&#xff0c;一般在HTML中我们把样式表叫做CSS&#xff0c;在Qt中我们称之为QSS。QSS和CSS并不完全等同&#xff0c;语法完全类似&#xff0c…
阅读更多...
【QT】QSS美化——基础知识

【QT】QSS美化——基础知识

目录 一、辅助工具 二、QSS加载方式 三、QSS选择器类型 3.1 通配选择器 3.2 类型选择器 3.3 属性选择器 3.4 类选择器 3.5 ID选择器 3.6 后代选择器 3.7 子选择器 3.8 伪类选择器 四、QSS常用属性 4.1 字体 4.2 颜色 4.3 内边距 4.4 外边距 4.5 背景 4.6 边框…
阅读更多...
在没有QQ、微信时局域网共享文件方法

在没有QQ、微信时局域网共享文件方法

1、首先开启共享 2、将要共享文件的电脑做同样操作 查看局域网下电脑 点击要访问的电脑输入该电脑的账号密码进行登录。 3、选择要共享的文件和访问权限 在要共享文件的电脑选择要共享的文件右键-授予访问权限-家庭组 然后选特定用户-everyone即可。 之后就是在这个文件里面…
阅读更多...
分享：我的局域网QQ Bing（必应）1.0 正式发布,包括：聊天、视频、语音、电话、截屏、文件传输 等

分享：我的局域网QQ Bing（必应）1.0 正式发布,包括：聊天、视频、语音、电话、截屏、文件传输 等

分享&#xff1a;我的局域网QQ Bing&#xff08;必应&#xff09;1.0 正式发布,包括&#xff1a;聊天、视频、语音、电话、截屏、文件传输 等 百万商业圈 局域网QQ Bing&#xff08;必应&#xff09;1.0 正式发布 Bing&#xff08;必应&#xff09;是一款优秀的企业局域网即时…
阅读更多...
交换机组建局域网

交换机组建局域网

说来惭愧&#xff0c;今天才搞明白用交换机组建局域网的原理&#xff0c;这里介绍方法&#xff1a; 平时使用的路由器有交换机的功能&#xff0c;单纯使用交换机还是第一次&#xff1a; 1、将所有电bai脑连到同一台交换机上&#xff0c;du即将各台电zhi脑的网线插入同一dao台交…
阅读更多...
基于JAVA的局域网聊天软件的设计与实现(仿制QQ)

基于JAVA的局域网聊天软件的设计与实现(仿制QQ)

一、系统分析 1.1 问题描述 客户端 实现简易版的局域网聊天器实现富文本内容聊天智能聊天机器人群发消息传送文件等功能 服务器端 实现群发通知管理聊天线程 1.2 系统功能分析 客户端功能 登陆注册发送表情消息发送文本消息截取图片图片处理震动效果发送文件群发消息设置聊天…
阅读更多...
通过交换机组建局域网

通过交换机组建局域网

实现目标&#xff1a;利用交换机搭建一个局域网&#xff0c;使得该局域网下同一网段的所有机器相互通信 所需设备&#xff1a;电脑一台&#xff0c;树莓派两个&#xff0c;工控机两台&#xff0c;TP-Link交换机一台。 该教程就以一台电脑和一台树莓派搭建局域网为一个demo&am…
阅读更多...
PHPstudy配置局域网

PHPstudy配置局域网

PHPstudy配置局域网 1.打开小皮网站&#xff08;https://www.xp.cn/download.html&#xff09;&#xff0c;下载64位PHPstudy到电脑桌面 2.解压zip文件 3.打开解压后的文件夹&#xff0c;找到.exe文件&#xff0c;直接安装 4.安装好之后&#xff0c;开启Apache、FTP和MySQL 5…
阅读更多...
局域网传输/共享大文件

局域网传输/共享大文件

局域网传输/共享大文件 前段时间和同学传一个4g的数据。想到如下几个点子 通过qq进行传输&#xff0c;但是要上传&#xff0c;还要下载&#xff0c;还要网速给力才行&#xff0c;而且花费的可是双倍的时间&#xff0c;一个上传一个下载&#xff0c;等的黄花菜都凉了。通过u盘…
阅读更多...
局域网网站服务器dns设置,局域网设置dns的方法

局域网网站服务器dns设置,局域网设置dns的方法

DNS域名解析是指通过主机名得到该主机名对应的IP地址。BIND作为局域网上广泛使用的DNS服务器软件,通过对区文件的管理实现对DNS域名的授权和查询使用。下面是学习啦小编为大家整理的关于局域网设置dns怎么设置在哪，一起来看看吧! 局域网设置dns的方法 Windows 7相比于常用的Wi…
阅读更多...
局域网传输文件_局域网微信？这是什么神仙玩法

局域网传输文件_局域网微信？这是什么神仙玩法

前天我们刚好谈到局域网在观看各类资源时的作用。 那么就接着聊聊局域网的其他妙用。 今天无论在家还是在外&#xff0c;只要连接同一个 WiFi&#xff0c;大家的设备就在一个局域网内。 而相比微信、QQ 等需要中转服务器的聊天/办公工具。 局域网下&#xff0c;多台设备能够点对…
阅读更多...
局域网下的两个 QQ 好友进行在线文件传输抓包

局域网下的两个 QQ 好友进行在线文件传输抓包

局域网下的两个 QQ 好友进行在线文件传输过程抓包 文章目录 局域网下的两个 QQ 好友进行在线文件传输过程抓包介绍细节总结 介绍 由于本人一个作业需要&#xff0c;想要验证内网情况下两个 QQ 好友的文件传输是通过局域网直接传输的。以下是本人的数据抓包结果&#xff0c;具体…
阅读更多...
C# Socket编程实现简单的局域网聊天器

C# Socket编程实现简单的局域网聊天器

前言 最近在学习C# Socket相关的知识&#xff0c;学习之余&#xff0c;动手做了一个简单的局域网聊天器。有萌生做这个的想法&#xff0c;主要是由于之前家里两台电脑之间想要传输文件十分麻烦&#xff0c;需要借助QQ&#xff0c;微信或者其他第三方应用&#xff0c;基本都要登…
阅读更多...
局域网传文件_秒杀QQ微信，这3个神器传输文件快10倍

局域网传文件_秒杀QQ微信，这3个神器传输文件快10倍

所需软件&#xff1a;奶牛传输、Xender 获取办法&#xff1a;私信回复「301」获取 每次一聊到传输文件&#xff0c;学霸君的同事简直叫苦不迭“百度云下载速度太慢了&#xff01;一个文件&#xff0c;半个小时都下载不完”、“好久不用QQ&#xff0c;连密码都忘记了”、“微信…
阅读更多...
简易局域网聊天QQ

简易局域网聊天QQ

简易局域网聊天系统–局域网QQ 服务器端 实现简易的启动停止服务器端操作&#xff0c;能记录基本日志&#xff1a;客户连接、消息传送&#xff0c;能查看连接客户的昵称。 启动服务器后开始监听客户端连接&#xff0c;创建一个新线程实现该监听操作。 // 启动新线程监听客户…
阅读更多...
Win 7 SSDP 组播 引发 局域网 QQ掉线 分析

Win 7 SSDP 组播 引发 局域网 QQ掉线 分析

很久没有写博客了&#xff0c;自从四月份以来找了一份开发的工作开始从事PHP&#xff0c;symfony 网站开发&#xff0c;突然发现好像也没有什么东西可以分享了&#xff0c;所以博客也写的少了。 言归正传&#xff0c;最近学校常常有人抱怨QQ掉线&#xff0c;而且据说有严重的趋…
阅读更多...
推荐文章

Copyright @ 2022~2023