鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：Counter）

已于 2024-03-16 01:39:07 修改
阅读量1.2k 收藏 28
点赞数 18
分类专栏： 鸿蒙-ArkTS 鸿蒙 文章标签： harmonyos 华为 android 鸿蒙 鸿蒙系统 ArkTS ArkUI
于 2024-03-14 17:08:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64420071/article/details/136715632
版权
本文介绍了鸿蒙HarmonyOS中的计数器组件及其使用方法，包括接口、属性和事件。同时概述了学习鸿蒙开发所需的关键技术，如ArkTS、ArkUI、OpenHarmony核心模块等，以及推荐的学习资源和策略。
摘要由CSDN通过智能技术生成

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

说明：

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

子组件

可以包含子组件。

接口

Counter()

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

属性

除支持通用属性外，还支持以下属性。

名称 参数类型 描述
enableInc10+ boolean 设置增加按钮禁用或使能。
默认值：true
enableDec10+ boolean 设置减少按钮禁用或使能。
默认值：true

事件

除支持通用事件外，还支持以下事件&

最低0.47元/天 解锁文章
代码与思维
关注
专栏目录
HCIA-HarmonyOS应用开发工程师 V2.0 模拟考试
牛肉胡辣汤
07-19 5950
/ 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%") } }D. 多设备预览时，不支持双向预览功能。
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：FlowItem）
m0_64420071的博客
03-14 1025
ArkTS声明式开发（容器组件：FlowItem）
HarmonyOS ArkUI容器类组件-计数器组件（Counter）
m0_70748458的博客
05-30 479
由源码可知，Counter使用时暂不需要配置额外参数。build() {Column() {Row() {Counter() // 默认效果Counter() { // 包含一个子组件Text('1') // Text 默认值为 1.fontSize(18) // Text 字体大小Counter没有提供额外的属性方法，只提供了onInc()和onDec()onInc：数字增加的事件回调。onDec：数字减少的事件回调。
HarmonyOS应用开发：Counter（容器组件）
situnanQAQ的博客
06-13 339
计数器组件，提供相应的增加或者减少的计数操作。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Counter容器组件
zy0412326的专栏
02-26 366
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Counter容器组件。
HarmonyOS ArkUI容器类组件-格栅布局容器（GridContainer）
m0_71263309的博客
04-22 474
ArkUI开发框架提供了纵向排布栅格布局容器 `GridContainer` ，它仅在栅格布局场景中使用。
HarmonyOS/OpenHarmony应用开发-ArkTS语言渲染控制if/else条件渲染
weixin_69135651的博客
08-21 1363
ArkTS提供了渲染控制的能力。条件渲染可根据应用的不同状态，使用if、else和else if渲染对应状态下的UI内容。说明：从API version 9开始，该接口支持在ArkTS卡片中使用。
HarmonyOS/OpenHarmony应用开发-ArkTS语言声明式UI描述
csdndevpress0028的博客
06-09 709
如果组件支持子组件配置，则需在尾随闭包"{...}"中为组件添加子组件的UI描述。ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。如果组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容。使用匿名函数表达式配置组件的事件方法，要求使用bind，以确保函数体中的this指向当前组件。如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。使用组件的成员函数配置组件的事件方法。
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：List）
m0_64420071的博客
03-15 2511
ArkTS声明式开发（容器组件：List）
鸿蒙HarmonyOS开发框架—ArkTS语言（基本语法 一）_鸿蒙 使用 ts(1)
2401_84181193的博客
04-21 785
ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。如果组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容。属性方法以“.”链式调用的方式配置系统组件的样式和其他属性，建议每个属性方法单独写一行。事件方法以“.”链式调用的方式配置系统组件支持的事件，建议每个事件方法单独写一行。如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。根据组件构造方法的不同，创建组件包含有参数和无参数两种方式。
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：Stack）
m0_64420071的博客
03-16 1152
ArkTS声明式开发（容器组件：Stack）
【鸿蒙软件开发】ArkUI之容器组件Counter(计数器组件)、Flex(弹性布局)
m0_62599305的博客
11-05 863
Counter容器组件：计数器组件，提供相应的增加或者减少的计数操作。Flex容器组件：以弹性方式布局子组件的容器组件。下面这些容器组件对于我们ArkUI界面的开发非常重要，希望大家好好学。Counter容器组件：计数器组件，提供相应的增加或者减少的计数操作。Flex容器组件：以弹性方式布局子组件的容器组件。
鸿蒙HarmonyOS NEXT开发：浮层（ArkTS通用属性）
shudaoshanBBQ的博客
08-08 1118
设置组件的遮罩文本。
HarmonyOS/OpenHarmony应用开发-ArkTS语言渲染控制ForEach循环渲染
weixin_69135651的博客
08-18 3474
项目索引函数为每个数组项创建唯一且持久的键值，ArkUI框架通过此键值确定数组中的项是否有变化，只要键值相同，数组项的值就假定不变，但其索引位置可能会更改。此机制的运行前提是不同的数组项不能有相同的键值。否则，如果项索引函数未使用index参数，ForEach在生成实际的键值时，框架也会把index考虑进来，默认将index拼接在后面。（2）对于上述的年月份数据的数组结构形式，由于框架无法观察到针对该数组中Month数据结构的改变（比如day数组变化），从而内层的ForEach无法刷新日期显示。
鸿蒙HarmonyOS开发框架—ArkTS语言（基本语法 一）_鸿蒙 使用 ts
2301_82241698的博客
04-14 599
【代码】鸿蒙HarmonyOS开发框架—ArkTS语言（基本语法 一）_鸿蒙 使用 ts。
HarmonyOS开发 - Ability往页面(Pages)中传递数据
觉醒法师的专栏
11-05 1158
在程序中，页面之间传递数据或数据共享，可以实现页面间的平滑过渡，避免重复加载数据，提高应用的响应速度和流量度；另外，数据传递机制使得页面更容易被重用，可以通过传入不同参数，来适应不同的上下文内容，以及根据需要传递数据，实现按需加载 ，减少内存消耗和提高应用的性能等。这篇将通过LocalStorage、EventHub、全局变量，以及Preferences用户首选项等功能，实现Ability向页面(Pages)中传递数据。
鸿蒙（Harmony）实现滑块验证码
yilylong的专栏
11-04 1100
鸿蒙原生实现滑块验证码
鸿蒙网络编程系列44-仓颉版HttpRequest上传文件示例
长弓三石
11-04 737
在本系列的第21篇文章《鸿蒙网络编程系列21-使用HttpRequest上传任意文件到服务端示例》中，使用ArkTS语言基于API 9环境演示了文件上传功能的实现，本节将使用仓颉语言基于API 12环境实现类似的功能。
鸿蒙next选择 Flutter 开发跨平台应用的原因
最新发布
小淼淼的博客
11-06 1416
鸿蒙选择 Flutter 作为主要的跨平台应用开发框架，体现了其在技术、生态和开发者支持上的战略选择。Flutter 提供了高效的开发体验、出色的性能和广泛的跨平台支持，使得鸿蒙能够迅速构建多设备、多平台的应用生态。此外，Flutter 的易于集成与鸿蒙系统的创新特性，能够为开发者提供更多的灵活性和可能性，从而推动鸿蒙生态的发展。通过采用 Flutter，鸿蒙系统不仅能够支持移动端设备，还能够扩展到更多的智能硬件平台，进一步加强了其全场景智能生态的建设。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值