#鸿蒙通关秘籍#如何使用Button更新鸿蒙进度条的当前进度值?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
樱花语HTTP

可以通过按钮点击事件来动态更新进度条的进度值。在点击按钮时,改变 value 属性的值,并将其绑定到 Progress 组件。以下为实现的完整代码:

@Entry @Component struct ProgressCase1 { @State progressValue: number = 0 build() { Column() { Column() { Progress({value:0, total:100, type:ProgressType.Capsule}).width(200).height(50).value(this.progressValue) Row().width('100%').height(5) Button("进度条+5") .onClick(()=>{ this.progressValue += 5 if (this.progressValue > 100){ this.progressValue = 0 } }) } }.width('100%').height('100%') } }

点击按钮后,progressValue 增加5,进度值超出100后重置为0,进而更新进度条展示。

分享
微博
QQ
微信
回复
1天前
相关问题
如何实现带刻度的进度条
648浏览 • 1回复 待解决
基于Progress组件的进度条
522浏览 • 1回复 待解决
怎么在进度条更新的时候刷新页面?
4670浏览 • 1回复 待解决
如何实现带图片的进度条
792浏览 • 1回复 待解决
服务卡片的进度条如何停止动画
8826浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
742浏览 • 1回复 待解决
弧形进度条实现,有人知道方法吗?
723浏览 • 1回复 待解决