news 2026/6/10 15:37:20

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/6/10 12:34:49

内核模块符号的导出

grep -rn "EXPORT_SYMBOL" 搜索EXPORT_SYSMBOL这个宏这一节讲的是 **“内核模块之间如何共享函数 / 变量” 的核心机制 **,可以拆解为 3 个关键部分理解:1. 为什么需要 “内核模块符号导出”?内核模块编译后是独立的.ko文件&#x…

作者头像 李华
网站建设 2026/6/9 18:05:12

出国点餐看不懂菜单?别慌!用微信“扫一扫”就能搞定

出国旅游最激动人心的环节之一就是品尝当地美食,但当服务员递上一份全是外文的菜单时,那种“既期待又怕点错菜”的纠结感瞬间涌上心头。是冒险“盲点”,还是比划着向服务员求助?其实大可不必如此狼狈!你手机里的微信&a…

作者头像 李华
网站建设 2026/6/10 15:06:35

Nano Banana Pro:设计师的威胁,还是创意领域的新伙伴?

近几年,人工智能技术在各行各业的应用已经逐步渗透,特别是在创意设计领域,AI 已经不仅仅是一个辅助工具,更是正在迅速改变 创作流程 和 行业格局 的革命性力量。近日,谷歌推出的 Nano Banana Pro 一经发布,…

作者头像 李华
网站建设 2026/6/8 4:49:59

JavaScript事件循环:餐厅里的“宏任务”与“微任务”

欢迎使用我的小程序👇👇👇👇 俱好用助手功能介绍 大家好!今天我们来聊聊JavaScript中那个让人又爱又恨的话题——事件循环中的宏任务和微任务。别担心,我不会用那些晦涩难懂的专业术语轰炸你,而…

作者头像 李华