#鸿蒙通关秘籍#如何在鸿蒙中创建一个可以动态更新的胶囊样式进度条?

HarmonyOS
5h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
雨后彩虹DL

在鸿蒙中,胶囊样式的进度条可以通过 Progress 组件创建,并且可以使用 State 来实现动态更新。以下是实现代码:

javascript @Entry @Component struct ProgressCase1 { @State progressValue: number = 0 // 初始值设为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%') } }

通过点击按钮,每次增加5的进度,当进度值超过100时,将自动复位为0,进度条会自动更新显示当前进度。

分享
微博
QQ
微信
回复
3h前
相关问题
如何实现一个月食样式进度条
346浏览 • 1回复 待解决
实现一个发送进度条通知方法
372浏览 • 1回复 待解决