Qml水波进度条、扇形进度条等其他进度条

这篇博客介绍了Qml中三种不同风格的进度条实现,包括横线、水波和扇形。作者分享了代码和效果截图,并提到水波和扇形进度条需要自定义绘制,扇形进度条的抗锯齿问题尚未完美解决。文章旨在为有类似需求的开发者提供参考。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

因为需求所致,需要采用进度条,开始采用的是普通的横线进度条,感觉效果也不错,后面改成了水波进度条,也就是好看了一点,在后面改成了扇形进度条,逼迫无奈啊!!!最终采用了扇形进度条,
除了横线的QML自己提供,其他的都要自己计算位置自己来画,甚是麻烦,于是记录下来,也给后面需求的人一个参考吧!

废话不多说了,看下面代码,,列出三种不同的进度条画法和对应的效果图!!!
下面效果图的时间测试都是800ms
横线进度条: 不会一顿一顿的,效果看起来还是不错
在这里插入图片描述
水波进度条
进度条满状态时的效果:
在这里插入图片描述
进度条只到70%的效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Fu_Lin_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值