【Qt样式(qss)-5】qss局部渲染混乱,错乱,不生效的一种原因

前言:

之前写过一些关于qss的文章:

【Qt样式(qss)-1】手册小结(附例:软件深色模式)_深蓝色主题qss表-CSDN博客

【Qt样式(qss)-2】使用小结(软件换肤,比如暗黑模式)_qt 黑色qss_大橘的博客-CSDN博客

【Qt样式(qss)-3】几套配色方案_qt界面配色_大橘的博客-CSDN博客

【Qt样式(qss)-4】应用到QMdiArea不生效的解决_qt样式不生效_大橘的博客-CSDN博客

主要是记录一下备忘。

回顾:

先说一下我对层叠样式的理解(qss/css),各位看看有无错误:

一般情况下样式优先,除非画笔强制。

发生嵌套时,局部优先。

有先后顺序时,后面的优先,因为覆盖了前面的。就好像给一个变量赋值,肯定最后一次有效。

问题:

最近遇到一个问题,简单如下图所示,画一个窗体,上面放QTabWidget,页面里面放若干QLabel,和QPushButton。然后统一在主窗体构造中设置qss。

代码:

#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);this->setStyleSheet("* { background-color: red; }");this->setStyleSheet("");this->setStyleSheet("* { background-color: none; }");
//    this->setStyleSheet("* { background-color: 0; }");
//    this->setStyleSheet("* { background-color: transparent; }");ui->label->clear();ui->label->setPixmap(QPixmap("D:/_nx/_zonglin/ImgDisplay/_imgdisplay_images/_common/back.png"));ui->label->lower();
}MainWindow::~MainWindow()
{delete ui;
}

按上面这样,按理说非常简单,不能有意外。先预测一下运行效果,理论上以下三句:

    this->setStyleSheet("* { background-color: red; }");this->setStyleSheet("");this->setStyleSheet("* { background-color: none; }");

应该相当于啥也没写,因为默认这些组件就是透明的。实际效果也确实如下:

首先是否有人质疑,为什么background-color的值不是写transparent?我试过,是这样的:

意外吧?这个我不想深究了。重要的是下面。

在设计器中,随便把某个子控件设置个qss,不管是代码还是设计器当中,一样的。比如这样:

我是在设计器中把最后那个QLabel更改了样式表,background-color: yellow;

按照构造顺序,理论上最后主窗体的三个setStyleSheet应该覆盖了这个yellow,不是层叠样式吗?运行一下是这样的:

这是覆盖哪去了?这个QTabWidget就像一个结界一样。首先,主窗体setupUi当中,分别调用了子控件的构造,也会加载qss,所以先显示为黄色。

主窗体中,第一次setStyleSheet,QTabWidget中的按钮都跟着成了红色,它生效了。

this->setStyleSheet("* { background-color: red; }");

第二次设置qss为空,是为了先清空一下以防异常。

this->setStyleSheet("");

第三次设置背景透明,按说应该一切恢复,但它成了结界??

this->setStyleSheet("* { background-color: none; }");

然后为了解决就各种尝试,不行。几乎打破了我对qss的所有认知。

直到最后发现,去掉之前设置的yellow,一切正常了。

思考:

这个问题对于我来说不需要深究,但茶余饭后跟同事聊天时,突然有个想法。

qss局部优先是没问题的,如果没有设置局部,肯定全局渲染。如果设置了局部,估计是有个标记变量,这个变量会更改规则,全局渲染时它会绕开已经渲染的局部。

所以上面代码,当我不指定那个label是黄色时,全局有效没有问题。当指定了某个label是黄色时,我猜是这样:

首先启用了局部优先规则。

第一次全局渲染成红色时,因为这时候除了黄色label,其它都没有渲染,所以全局被渲染成红色。

之后再全局渲染时,因为之前已经都成了红色,相当于这些局部都已经有了红色渲染,所以就被绕开了,因此只有外围有效。

结论:

由于不想投入太多精力,所以目前为止我没有去找有力的依据。目前上述只能归结为qss局部渲染机制问题。亦即:

一旦局部组件被显式地单独渲染,就会启用局部优先规则。

一旦启用局部有限规则,全局渲染时就会绕开已经被渲染的局部组件。

但其实,我觉得更好的方式是:它应该去只绕开显式局部渲染的组件,而不是有渲染就绕开。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/119309.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2023了,是时候使用pnpm了!

2023了,是时候使用pnpm了! Excerpt 2023了,是时候使用pnpm了! 什么是pnpm pnpm代表performant npm(高性能的npm),同npm和Yarn,都属于Javascript包管理安装工具,它较npm和…

倍福控制Beckhoff_AX5000 控制第三方电机

1. 把第三方电机的.XML 文件,拷贝到 C:\TwinCAT\Io\TcDriveManager\MotorPool 目录下,并重新启动 TwinCAT。 2. 打开新的 System Manager 文件,完成 Choose Target 之后,把 TwinCAT System Manager 置为 Config mode。 3. 右击 …

【鸿蒙软件开发】ArkTS基础组件之Gauge(环形图表)、LoadingProgress(动态加载)

文章目录 前言一、Gauge环形图表1.1 子组件1.2 接口参数介绍 1.2 属性1.3 示例代码二、LoadingProgress2.1 子组件2.2 接口2.3 属性2.4 示例代码 总结 前言 Gauge:数据量规图表组件,用于将数据展示为环形图表。 LoadingProgress:用于显示加载…

c#使用ExifLib库提取图像的相机型号、光圈、快门、iso、曝光时间、焦距信息等EXIF信息

近期公司组织了书画摄影比赛,本人作为摄影爱好者,平时也会拍些照片,这次比赛当然不能错过。为了提高获奖概率,选了19张图像作为参赛作品。但是,摄影作品要提交图像的光圈、曝光时间等参数。一两张还可以通过电脑自带软…

推开科研成果落地“最后一扇门”

科研成果只有落地了,才能发挥出它真正的价值。虽然中国近几年已经飞速发展,但是我们的自主创新能力依然比不了发达国家。而且,尽管科研成果在理论和实践上已经取得了很大的进展,但如何将其落地到实际生产中仍然存在很多问题。其中…

软考高项(十二)项目质量管理 ★重点集萃★

👑 个人主页 👑 :😜😜😜Fish_Vast😜😜😜 🐝 个人格言 🐝 :🧐🧐🧐说到做到,言出必行&am…

kafka3.X集群安装(不使用zookeeper)

一、kafka集群实例角色规划 在本专栏的之前的一篇文章《kafka3种zk的替代方案》已经为大家介绍过在kafka3.0种已经可以将zookeeper去掉。 上图中黑色代表broker(消息代理服务),褐色/蓝色代表Controller(集群控制器服务) 左图(kafk…

前端3D规划

学习基础的3D概念:这包括向量、矩阵、几何、光照和材质等基本3D图形学的概念。这些是理解和使用3D技术的基础。学习WebGL:WebGL是一种在浏览器中实现3D图形的技术,它是OpenGL的Web版本,可以直接在浏览器中使用。学习WebGL可以帮助…

pnpm、npm、yarn的区别

pnpm、npm、yarn是三种不同的包管理器,它们之间有一些区别。 安装速度:pnpm的安装速度比npm和yarn快,因为它使用了只下载必需的模块,而不是下载整个依赖树。此外,pnpm还可以并行下载模块,从而进一步提高下…

【Python机器学习】零基础掌握BaggingClassifier集成学习

何提高分类模型的稳定性和准确性? 在金融风控、医疗诊断或者社交媒体推荐等场景中,分类问题是常见的难题。但是,单一的分类模型(如SVM)在处理复杂或不均衡的数据集时可能会表现不佳。那么,有没有一种方法能够提高模型的稳定性和准确性呢? 假设一家银行想要通过机器学习…

建立一个数据机房的条件

数据机房是一种专门用于存储和处理大量数据的设施。它通常由一系列服务器、存储设备和网络设备组成,用于支持各种应用程序和业务需求。它的的主要功能是确保应用程序的高可用性和数据的可靠存储,还提供备份和恢复系统,以确保在发生故障或灾难…

字节码进阶之JVM Attach API详解

字节码进阶之JVM Attach API详解 文章目录 字节码进阶之JVM Attach API详解附加到虚拟机加载代理和获取信息分离虚拟机 使用Attach API的基本步骤1. **获取虚拟机实例**:2. **附加到虚拟机**:3. **加载代理或获取信息**4. **从虚拟机分离**:…

C++初阶1

目录 介绍: 一,命名空间 1-1,命名空间的定义 1-2,命名空间的使用 1-3,C标准官方命名空间 二,缺省参数 2.1,缺省参数分类 三,函数重载 四,引用 4-1,…

ExoPlayer架构详解与源码分析(6)——MediaPeriod

系列文章目录 ExoPlayer架构详解与源码分析(1)——前言 ExoPlayer架构详解与源码分析(2)——Player ExoPlayer架构详解与源码分析(3)——Timeline ExoPlayer架构详解与源码分析(4)—…

【LeetCode】102. 二叉树的层序遍历

题目链接 文章目录 Python3方法一: 广度优先搜索 (BFS) ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯方法二: 深度优先搜索 (DFS) ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯ C方法一: 广度优先搜索 (BFS) ⟮ O ( n ) ⟯ \lgroup O(n…

“Can‘t open workbook - unsupported file type: XML“

java开发,增删改查,涉及到导入excel时,有的excel导入失败提示"Cant open workbook - unsupported file type: XML"。着急赶工期,告诉客户先把excel另存为xls格式,再重新导入。现在有点空余时间,好…

力扣每日一题66:加一

题目描述: 给定一个由 整数 组成的 非空 数组所表示的非负整数,在该数的基础上加一。 最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。 你可以假设除了整数 0 之外,这个整数不会以零开头。 示例 1: 输…

二十三种设计模式全面解析-单例设计模式:解密全局独一无二的实例创造者

在软件开发中,有一种设计模式被誉为"独一无二的实例创造者",它就是单例设计模式。无论你是初学者还是有经验的开发人员,了解并掌握单例模式都是非常重要的。本文将以通俗易懂的方式,全面解析单例设计模式,并…

Android 中如何使用 App Links

1. 简介 什么是 App Links呢?App Links 是 Android 6.0 (API 级别23) 引入的新功能,它是基于 DeepLinking,允许应用自动处理网站的 URL,而无需提示用户启动相应的应用。 例如:如果你在手机浏览器中输入了某个网站&am…

esp32-S3 + visual studio code 开发环境搭建

一、首先在下面链接网页中下载esp-idf v5.1.1离线安装包 ,并安装到指定位置。dl.espressif.cn/dl/esp-idf/https://dl.espressif.cn/dl/esp-idf/ 安装过程中会提示需要长路径支持,所以windows系统需要开启长路径使能 Step 1: 打开运行&…