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

HarmonyOS
2024-12-11 13:21:10
浏览
收藏 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
微信
回复
2024-12-11 15:31:51
相关问题
HarmonyOS 进度条样式
37浏览 • 1回复 待解决
HarmonyOS 怎样实现进度条
253浏览 • 1回复 待解决
如何实现带刻度的进度条
766浏览 • 1回复 待解决
HarmonyOS 多彩色进度条展示
116浏览 • 1回复 待解决
基于Progress组件的进度条
725浏览 • 1回复 待解决
如何实现带图片的进度条
905浏览 • 1回复 待解决
怎么在进度条更新的时候刷新页面?
4938浏览 • 1回复 待解决