news 2026/7/11 11:08:44

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/7/11 18:24:19

代理IP和普通IP有什么区别?这篇文章帮你捋明白

在网络环境日益复杂的今天,代理IP成为企业与开发者频繁接触的关键词。但也有不少人常常疑惑:代理IP和普通IP究竟有什么不同?它们在使用场景、性能、安全性上又有何差异?本文将用通俗易懂的方式,从定义、功能、适用对象…

作者头像 李华
网站建设 2026/7/10 8:24:04

体系结构分类和指令系统

1.体系结构分类 1.1 按处理机的数量进行分类 按处理机的数量进行分类:单处理系统(一个处理单元和其他设备集成)、并行处理系统(两个以上的处理机互联)分布式处理系统(物理上远距离且松耦合的多计算机系统) 1.2 Flynn分类 分类有两个因素,即指令流和数据流&#…

作者头像 李华
网站建设 2026/7/10 4:07:31

基于AI数字人系统源码的低成本开发方案与实践经验

这两年,AI数字人从“概念展示”迅速走向商业落地。无论是企业官网数字客服、直播带货数字主播,还是教育、政务、金融等场景,AI数字人正在成为一种可复制、可规模化的新型生产力工具。但在实际交流中,我发现不少企业和开发者都会遇…

作者头像 李华
网站建设 2026/7/10 0:21:42

SQL 调优全解:从 20 秒到 200 ms 的 6 步实战笔记(附脚本)

一、阅读指引 1. 不会看执行计划 → 跳第 3 段 2. 索引失效/全表扫描 → 看第 4 段 3. 千万级分页卡顿 → 看第 5 段 4. 想直接抄代码 → 第 8 段有下载链接 二、测试环境 MySQL 8.0.34,16C64G,SSD;订单表 500w,明细表…

作者头像 李华
网站建设 2026/7/11 7:51:18

YOLO目标检测模型如何对接Apipost平台

前言 今天要给大家分享一个在工业巡检场景中非常实用的 AI 边缘计算部署实践。文中涉及的系统架构、接口设计和代码实现均为示例,主要用于说明整体思路和工程方法。我本人也是在实际项目中第一次系统性地接触边缘计算与算法接口化,很多经验都是在不断调…

作者头像 李华
网站建设 2026/7/11 3:16:27

简单的创建一个Spring Boot网页

刚接触 Spring Boot 时,总觉得做网页很复杂,其实只要选对依赖、写对核心代码,几分钟就能搞定一个基础网页!今天分享极简版 Spring Boot 网页的创建流程。一、准备工作:创建 Spring Boot 项目1. 项目配置(ID…

作者头像 李华