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如何实现动态缩放动画
692浏览 • 1回复 待解决
鸿蒙如何实现动画变化
9559浏览 • 1回复 待解决
HarmonyOS 数字自定义键盘如何实现
679浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
159浏览 • 1回复 待解决
HarmonyOS canvas动画如何实现逐帧动画
164浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画
523浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画
475浏览 • 1回复 待解决
HarmonyOS 组合动画如何实现
267浏览 • 1回复 待解决
属性动画如何实现宽高动画效果
2244浏览 • 1回复 待解决