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

HarmonyOS
2024-12-24 17:55:19
浏览
收藏 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
微信
回复
2024-12-24 19:46:40
相关问题
HarmonyOS如何实现动态缩放动画
1270浏览 • 1回复 待解决
鸿蒙如何实现动画变化
10175浏览 • 1回复 待解决
HarmonyOS 数字自定义键盘如何实现
1919浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
770浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画
1224浏览 • 1回复 待解决
HarmonyOS canvas动画如何实现逐帧动画
1207浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画
1114浏览 • 1回复 待解决
HarmonyOS 组合动画如何实现
839浏览 • 1回复 待解决
HarmonyOS 如何实现旋转动画
1434浏览 • 1回复 待解决
HarmonyOS 如何实现动画集合?
1287浏览 • 1回复 待解决
HarmonyOS 如何实现音频声浪动画
2041浏览 • 1回复 待解决