鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Counter容器组件

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Counter容器组件

一、操作环境

操作系统:  Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

二、Counter组件

将子组件纵向布局，并在每个子组件之间插入一根横向的分割线。

子组件

可以包含子组件。

接口

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%")
  }
}

图例

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,

谁敢横刀立马？
惟有点赞加关注大军。