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

HarmonyOS
2024-12-24 17:55:19
986浏览
收藏 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%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
分享
微博
QQ
微信
回复
2024-12-24 19:46:40


相关问题
HarmonyOS如何实现动态缩放动画
1048浏览 • 1回复 待解决
鸿蒙如何实现动画变化
10006浏览 • 1回复 待解决
HarmonyOS 数字自定义键盘如何实现
1282浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
513浏览 • 1回复 待解决
HarmonyOS canvas动画如何实现逐帧动画
897浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画
914浏览 • 1回复 待解决
HarmonyOS 组合动画如何实现
650浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画
913浏览 • 1回复 待解决