news 2026/4/23 14:30:04

QProgressBar+QSS 进度条

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
QProgressBar+QSS 进度条

QProgressBar子控件有一个:

chunk

表示进度

还有个伪状态:

indeterminate

表示无法确定的状态,

即minimum和maximum都为0。

虽然文档上说有这个

“Indeterminate progress bars have the :indeterminate pseudo state set.”

但是在实际用的时候,却没起到啥作用,不知道是不是用的姿势不对,还是官方搁着哄人呢。

01 填充

QProgressBar { min-height:24px; border: 1px solid #E0E0E0; border-radius: 12px; background-color: #EBEEF5; text-align: center; font-size: 12px; color: #333333; } QProgressBar::chunk { background-color: #409EFF; border-radius: 11px; }

下面一直在动进度条就是一个繁忙进度(busy),

或者叫indeterminate progress?

02 斑马

QProgressBar { border: 1px solid rgba(170, 170, 170, 0.6); border-radius: 4px; background-color: #111111; } QProgressBar::chunk { background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #4DA6FF, stop:1 #1A53FF); border-radius: 3px; width: 4px; margin: 2px; } QProgressBar[indeterminate="true"]::chunk { background: #999999; border-radius: 3px; width: 4px; margin: 2px; }

注意chunk中的width和margin。

width是小块的宽度。

margin是小块间的间距。

既然indeterminate伪状态不生效,

那我们就属性选择器的方式,

毕竟条条大路通罗马嘛!

cpp中添加属性是这样写:

ui->progressBar_5->setProperty("indeterminate", true);

03 默认风格

windows的默认风格,会有一道流光在跑,首先可以肯定的是,绝对不是qss干出来的,因为我相信它做不到。

还是巴拉巴拉源代码看看吧:

首先就看到了这个indeteminate状态,

就是最大最小为零得来滴。

接着看else分支,也就是可确定状态

这么说,这个流光效果是属性动画造出来的。

知道怎么一回事就行了,

反正也不怎么用。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 13:30:21

【RegExp】正则表达式 - 基础语法

正则表达式基础 简介在线工具 元字符分组与引用运算符优先级贪婪模式 简介 在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说,正则表达式就是记录文本规则的代码。 很可能…

作者头像 李华
网站建设 2026/4/23 13:33:37

Anthropic宪法

Anthropic宪法参考网址 ConstitutionalAI(RLAIF)_通过AI自我监督实现无害化训练:https://blog.csdn.net/shizheng_Li/article/details/147634853Claude3秘密武器曝光_Claude宪法:https://cloud.tencent.com/developer/article/2419721Constitutional AI …

作者头像 李华
网站建设 2026/4/23 10:44:20

太平洋大西洋水流问题:DFS递归、DFS栈、BFS三种解法全解析

一、问题描述给定一个 m x n 的非负整数矩阵 heights ,矩阵的左边界和上边界毗邻太平洋,右边界和下边界毗邻大西洋。水流的流动规则为:只能从高处流向低处,或者在同等高度的单元格之间流动。请找出矩阵中所有既可以流向太平洋&…

作者头像 李华
网站建设 2026/4/23 13:28:52

【文献速递】split-TurboID如何绘制细胞器“联络图”?

在细胞这个拥挤而有序的微观世界里,蛋白质与蛋白质之间的相互作用,往往决定着生命的运行逻辑。然而,这些“分子密谈”往往转瞬即逝,难以捕捉。近年来,临近标记技术的兴起为我们打开了一扇窗,而其中split-Tu…

作者头像 李华
网站建设 2026/4/18 7:46:03

《深入浅出python机器学习》读书笔记(四)

《深入浅出python机器学习》读书笔记(四) 第四章 广义线性模型 文章目录《深入浅出python机器学习》读书笔记(四)前言一、线性回归模型线性回归模型的基础示例使用线性回归预测糖尿病数据集模型评估要点:二、岭回归—…

作者头像 李华
网站建设 2026/4/23 12:10:19

测试自动化在微服务架构中的应用:策略、挑战与演进

微服务时代的测试范式转变随着企业数字化转型的深入,微服务架构已成为现代软件系统的主流设计模式。相较于传统的单体架构,微服务通过将应用拆分为一组小而自治的服务,带来了开发敏捷性、技术多样性和可扩展性等优势。然而,这种架…

作者头像 李华