HarmonyOS Progress UI控件的进度控制
目标:Progress进度条,需要展示为ring形状,进度自动增加,从0到100,整个过程的耗时可以指定(2s或者3s等)。进度自动增加过程中,如果发生了异常事件,进度需要变到0.
现状:
通过 @AnimatableExtend装饰器,实现了进度条的自动增加。
bug:
1.从0到100之后,只能再从100回到0.无法每次都从0到100
2.无法中断从0到100的进度。
相关代码:
// 环形进度条进度
@State progressValue: number = 0;
// 环形进度条颜色
@State progressColor: Color = Color.Grey;
Progress({
value: 0, // 设置当前进度
total: 100, // 设置进度总量
type: ProgressType.Ring // 设置进度条的样式为环形样式
}).style({ strokeWidth: 6})
.size({width: '100%', height: '100%'})
.color(this.progressColor)
.animatableProgressValue(this.progressValue)
.animation({ duration: 10000, curve: "Linear"})
.rotate({x: 0, y: 0, z: 1, angle: 180})
@AnimatableExtend(Progress) function animatableProgressValue(progressVal: number) {
.value(progressVal) // 调用系统属性接口
}
如何实现进度自动从0到100,并且可以中断进度,重新从0开始。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
基于Progress组件的进度条
488浏览 • 1回复 待解决
HarmonyOS Progress竖直情况进度怎么从下往上增长
228浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
683浏览 • 1回复 待解决
使用chart组件progress类型的进度条,如何使进度实时变化,修改segments中的value不行啊?
6127浏览 • 1回复 待解决
访问控制的系统控件有哪些
353浏览 • 1回复 待解决
HarmonyOS中如何动态控制控件属性?
93浏览 • 0回复 待解决
ArkUI中如何获取当前UI控件的信息
2110浏览 • 1回复 待解决
鸿蒙怎么实现UI控件样式复用 ?
7691浏览 • 3回复 待解决
可以用JS UI组件来做进度展示吗?
5729浏览 • 1回复 待解决
HarmonyOS List控件如何控制滑动或者List如何从底部绘制
894浏览 • 1回复 待解决
ArkUI中的Button、Text等UI控件的源码在什么目录?
2513浏览 • 1回复 待解决
请问能否通过Java代码控制JS FA中的视图和控件
9874浏览 • 2回复 待解决
HarmonyOS 子控件使用margin控制跟parent之间的左右边距不生效,看官网demo是用的宽度控制的
210浏览 • 1回复 待解决
HarmonyOS progress有没有设置速度的属性?
187浏览 • 1回复 待解决
求教 JS UI中的是否支持手势控制图片放大缩小
5767浏览 • 1回复 待解决
HarmonyOS如何使用Progress中的ring圆环加载样式
296浏览 • 1回复 待解决
Progress的ScaleRing样式,如何实现loading效果
1791浏览 • 1回复 待解决
HarmonyOS 实现进度条样式,未找到设置进度条渐变背景的方法,求解决?
192浏览 • 1回复 待解决
HarmonyOS 支持获取进度预览图(拖拽到某进度时进度条上展示一个当前时间点的小预览图)
117浏览 • 1回复 待解决
Progress触摸热区增大demo
826浏览 • 1回复 待解决
如何通过Progress实现loading效果?
354浏览 • 1回复 待解决
HarmonyOS 自定义时间控件和日期控件
250浏览 • 1回复 待解决
HarmonyOS如何查看ArkUI控件的源码
485浏览 • 1回复 待解决
HarmonyOS 进度条通知,能设置的属性有哪些?
362浏览 • 1回复 待解决
HarmonyOS 刷新控件问题
92浏览 • 1回复 待解决
可以通过动态修改enableSmoothEffect和duration属性,来达到取消动画的效果,参考代码: