计数器组件

2024-01-22 17:48 更新

计数器组件,提供相应的增加或者减少的计数操作。

说明

该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

子组件

可以包含子组件。

接口

Counter()

从API version 9开始,该接口支持在ArkTS卡片中使用。

属性

支持通用属性

事件

不支持通用事件和手势, 仅支持如下事件:

名称

功能描述

onInc(event: () => void)

监听数值增加事件。

从API version 9开始,该接口支持在ArkTS卡片中使用。

onDec(event: () => void)

监听数值减少事件。

从API version 9开始,该接口支持在ArkTS卡片中使用。

示例

  1. // xxx.ets
  2. @Entry
  3. @Component
  4. struct CounterExample {
  5. @State value: number = 0
  6. build() {
  7. Column() {
  8. Counter() {
  9. Text(this.value.toString())
  10. }.margin(100)
  11. .onInc(() => {
  12. this.value++
  13. })
  14. .onDec(() => {
  15. this.value--
  16. })
  17. }.width("100%")
  18. }
  19. }

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号