HarmonyOS 如何实现动态数字动画,比如从1-1000变化

HarmonyOS
3天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

参考示例:

@Entry
@Component
struct NumberAnimationPage {
  @State numberValue: number = 0;
  build() {
    Column({}) {
      Text(this.numberValue.toString())
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
      Button('开始').onClick(()=> {
        let intervalId = setInterval(()=> {
          if(this.numberValue === 1000) {
            clearInterval(intervalId)
            return;
          }
          this.numberValue +=1
        }, 1);
      })
    }
    .height('100%')
    .width('100%')
  }
}
分享
微博
QQ
微信
回复
3天前
相关问题
鸿蒙如何实现动画变化
9458浏览 • 1回复 待解决
HarmonyOS如何实现动态缩放动画
582浏览 • 1回复 待解决
HarmonyOS 数字自定义键盘如何实现
354浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
33浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画
373浏览 • 1回复 待解决
HarmonyOS 组合动画如何实现
57浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画
340浏览 • 1回复 待解决
属性动画如何实现宽高动画效果
2074浏览 • 1回复 待解决
HarmonyOS 如何实现呼吸灯动画
29浏览 • 1回复 待解决