鸿蒙(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%")
}
}
图例
你有时间常去我家看看我在这里谢谢你啦...
我家地址:亚丁号
最后送大家一首诗:
山高路远坑深,
大军纵横驰奔,
谁敢横刀立马?
惟有点赞加关注大军。