#鸿蒙通关秘籍#如何在HarmonyOS Next中实现点击按钮改变数字的动态效果?

HarmonyOS
2024-11-28 14:59:08
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
编程小行家

在HarmonyOS Next中,可以通过onClick事件来实现点击按钮后改变界面上的数字。首先,定义一个状态变量num,并将其初始值设置为0。使用Button组件绑定onClick事件来改变num的值,然后将这个状态变量展示在界面上。代码示例如下:

@State num: number = 0

build() {
  Column({space: 10}){
    Text(`数字:${this.num}`)
    Button('数字+1').onClick(()=>{
      this.num++
    })
    Button('数字-1').onClick(()=>{
      this.num--
    })
  }
  .width('100%')
  .alignItems(HorizontalAlign.Center)
}
分享
微博
QQ
微信
回复
2024-11-28 15:46:43
相关问题
如何实现按钮点击效果
424浏览 • 2回复 待解决