1.2K Star 6.5K Fork 5.7K

OpenHarmony/docs

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
ts-container-counter.md 1.23 KB
一键复制 编辑 原始数据 按行查看 历史
田雨 提交于 2023-03-22 19:13 . Specification synchronization

Counter

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

说明:

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

子组件

可以包含子组件。

接口

Counter()

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

属性

支持通用属性

事件

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

名称 功能描述
onInc(event: () => void) 监听数值增加事件。
从API version 9开始,该接口支持在ArkTS卡片中使用。
onDec(event: () => void) 监听数值减少事件。
从API version 9开始,该接口支持在ArkTS卡片中使用。

示例

// xxx.ets
@Entry
@Component
struct CounterExample {
  @State value: number = 0

  build() {
    Column() {
      Counter() {
        Text(this.value.toString())
      }.margin(100)
      .onInc(() => {
        this.value++
      })
      .onDec(() => {
        this.value--
      })
    }.width("100%")
  }
}

zh-cn_image_0000001219982711

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
其他
1
https://gitee.com/openharmony/docs.git
git@gitee.com:openharmony/docs.git
openharmony
docs
docs
OpenHarmony-3.2-Release

搜索帮助