news 2026/5/26 19:41:58

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/5/26 2:04:13

HuggingFace自定义模型接入Anything-LLM实战

掌控你的AI大脑:HuggingFace自定义模型接入Anything-LLM实战 在一家初创企业的技术晨会上,法务同事上传了一份长达80页的并购协议PDF,然后问:“这份合同里关于竞业禁止的条款具体覆盖哪些岗位?” 如果是过去&#xff0…

作者头像 李华
网站建设 2026/5/26 13:54:00

Python爬虫实战:利用最新技术从交易所API爬取比特币/加密货币价格与交易数据

引言 在数字货币的浪潮中,获取实时、准确的加密货币数据对于投资者、分析师和开发者至关重要。本文将详细介绍如何使用Python爬虫技术从各大交易所API获取比特币及其他加密货币的价格与交易数据,并进行基本的行情分析。我们将使用最新的Python库和技术栈,包括异步请求、数据…

作者头像 李华
网站建设 2026/5/26 4:37:37

电影推荐系统架构图](https://fakeimg.pl/600x200/ff0000/000?text=SystemArchitecture

hadoop电影推荐系统 大数据电影推荐系统源码 技术栈:javaspringbootlayuihadoop 数据集:豆瓣电影 推荐思路:用户注册登录后浏览电影,对电影进行评分,算法模块定时执行,从mysql读取数据上传到hdfs,并通过执行mapreduce实现的基于用…

作者头像 李华
网站建设 2026/5/26 7:08:26

Kubernetes 环境 NFS 卡死问题排查与解决纪要

Kubernetes 环境 NFS 卡死问题排查与解决纪要 一、事件背景 在 Kubernetes 集群运行过程中,xxxx 命名空间内多个业务 Pod 出现启动异常,部分 Pod 长时间处于 CreateContainerError 或 ContainerCreating 状态,重建 Pod、重启业务均无法恢复。…

作者头像 李华