当前位置： 首页 > article >正文

HarmonyOS 6 Counter组件使用示例文档

article 2026/4/27 23:54:20
文章目录组件概述核心能力1. 组件接口2. 关键属性API 103. 关键事件示例代码功能说明代码逐段解释1. 状态定义2. 第一个 Counter默认完整功能3. 第二个 Counter禁用减号按钮4. 布局配置运行效果总结组件概述Counter 是 HarmonyOS 基础计数器组件自带「」「-」操作按钮支持数值增减、按钮使能控制与事件监听广泛用于商品数量、评分、次数统计等场景。核心能力1. 组件接口Counter()无参构造默认提供左右加减按钮。内部可嵌套子组件通常为 Text 显示当前数值。2. 关键属性API 10属性名类型默认值作用enableIncbooleantrue控制「 增加按钮」是否可用enableDecbooleantrue控制「- 减少按钮」是否可用3. 关键事件事件名回调触发时机onInc() void点击 按钮时触发onDec() void点击 - 按钮时触发示例代码功能说明示例实现两组计数器第一组 Counter完全默认加减按钮均可用点击±修改数值。第二组 Counter禁用减号按钮enableDec(false)只能加不能减。代码逐段解释1. 状态定义Statevalue1:number0;Statevalue2:number0;使用State定义响应式数值变化时自动刷新 UI。分别绑定两个 Counter 显示。2. 第一个 Counter默认完整功能Counter(){Text(this.value1.toString())}.onInc((){this.value1;}).onDec((){this.value1--;})内部嵌套Text显示当前计数。onInc点击 数值 1。onDec点击 - 数值 -1。3. 第二个 Counter禁用减号按钮Counter(){Text(this.value2.toString())}.onInc((){this.value2;}).onDec((){this.value2--;}).enableInc(true).enableDec(false)enableInc(true)加号按钮可用默认可省略。enableDec(false)减号按钮禁用置灰无法点击。点击减号不会触发onDec数值不会减少。4. 布局配置Column({space:50}).width(100%).height(100%).justifyContent(FlexAlign.Center)垂直居中布局两个 Counter 间距 50vp。运行效果第一个计数器 / - 按钮均可点击数值可增可减。第二个计数器- 按钮置灰禁用只能点击 增加数值。运行如图总结必须嵌套子组件Counter 本身不显示数值内部必须放 Text 等组件展示数字。按钮控制逻辑enableInc(false)禁用加号。enableDec(false)禁用减号。常用于限制最小值如数量不能 0或最大值。事件必须绑定点击按钮不会自动改数值必须在onInc / onDec里手动更新State变量。适用场景商品购买数量选择打卡/签到次数统计评分、数量调整表单内数字输入如果这篇文章对你有帮助欢迎点赞、收藏、关注你的支持是持续创作的动力

相关文章：

HarmonyOS 6 Counter组件使用示例文档

文章目录组件概述核心能力1. 组件接口2. 关键属性（API 10）3. 关键事件示例代码功能说明代码逐段解释1. 状态定义2. 第一个 Counter（默认完整功能）3. 第二个 Counter（禁用减号按钮）4. 布局配置运行效果总结组…...

编程日记 2026/4/27 23:54:20

免费视频修复神器Untrunc：3分钟拯救损坏的MP4文件终极指南

免费视频修复神器Untrunc：3分钟拯救损坏的MP4文件终极指南 【免费下载链接】untrunc Restore a truncated mp4/mov. Improved version of ponchio/untrunc 项目地址: https://gitcode.com/gh_mirrors/un/untrunc 你是否曾因珍贵的视频文件突然损坏而束手无策…...

编程日记 2026/4/27 23:52:20

APKMirror安卓应用客户端：构建安全高效的应用分发终极解决方案

APKMirror安卓应用客户端：构建安全高效的应用分发终极解决方案 【免费下载链接】APKMirror 项目地址: https://gitcode.com/gh_mirrors/ap/APKMirror 在安卓应用生态系统中，用户如何安全、快速地获取最新应用版本？开发者如何便捷地分…...

编程日记 2026/4/27 23:52:20

Java 代码质量静态分析最佳实践 2027

Java 代码质量静态分析最佳实践 2027 别叫我大神，叫我 Alex 就好 代码质量是软件开发中的关键因素，它直接影响到软件的可维护性、可靠性和安全性。静态分析作为一种在不执行代码的情况下分析代码质量的方法，已经成为现代软件开发过程中的重要…...

编程日记 2026/4/27 23:52:20

终极指南：Windows微信QQ防撤回与多开完整解决方案

终极指南：Windows微信QQ防撤回与多开完整解决方案 【免费下载链接】RevokeMsgPatcher :trollface: A hex editor for WeChat/QQ/TIM - PC版微信/QQ/TIM防撤回补丁（我已经看到了，撤回也没用了） 项目地址: https://gitcode.com/Gi…...

编程日记 2026/4/27 23:52:19

Spring Data 2027 动态查询详解

Spring Data 2027 动态查询详解 别叫我大神，叫我 Alex 就好 Spring Data 2027 带来了强大的动态查询功能，让开发者能够更灵活地构建复杂的查询语句。动态查询是一种根据运行时条件构建查询的能力，它在处理复杂的业务场景时非常有用。本文将详…...

编程日记 2026/4/27 23:52:09

DreamCAD：多模态参数化CAD生成框架解析

1. DreamCAD框架概述DreamCAD是一个革命性的多模态参数化CAD生成框架，它从根本上改变了传统CAD设计流程。这个系统最核心的创新点在于实现了从非结构化输入（点云、图像、文本）到可编辑CAD模型的端到端转换。传统CAD设计需要工程师手动创建控制…...

编程日记 2026/4/27 23:50:08

2026 最新 ReAct 框架详解！搞懂 AI Agent 核心底层原理，小白也能学明白

2026 年 AI 大模型高速迭代，AI Agent 已经成为当下程序员转行、技术进阶的核心风口。而想要吃透 Agent 开发、玩转智能体落地应用，ReAct 框架是必须掌握的底层核心知识点。 本文深度拆解 ReAct 运行逻辑，结合 2026 年全新一代大模型特性&…...

编程日记 2026/4/27 23:50:08

抖音批量下载完整指南：快速掌握高效下载技巧

抖音批量下载完整指南：快速掌握高效下载技巧 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support. 抖音批…...

编程日记 2026/4/27 23:50:08

数据科学代理评估与DSAEval基准测试实践

1. 数据科学代理的现状与评估挑战数据科学代理（Data Science Agents）正在重塑传统数据分析的工作范式。这类基于大型语言模型（LLMs）的自动化工具，能够执行从数据清洗到模型训练的全流程任务。2025年的行业实践表明&…...

编程日记 2026/4/27 23:50:08

WeChatMsg：3步永久保存微信聊天记录，打造你的个人AI记忆库

WeChatMsg：3步永久保存微信聊天记录，打造你的个人AI记忆库 【免费下载链接】WeChatMsg 提取微信聊天记录，将其导出成HTML、Word、CSV文档永久保存，对聊天记录进行分析生成年度聊天报告 项目地址: https://gitcode.com/GitHub_Tr…...

编程日记 2026/4/27 23:50:08

AI数据代理：企业数据分析的革新与挑战

1. AI数据代理：企业数据分析的新范式 在当今数据驱动的商业环境中，企业面临着前所未有的数据管理挑战。根据行业调研，72%的组织数据分散在多个孤立的系统中，82%的企业表示这种碎片化严重影响了关键业务流程的决策效率。传统的数据…...

编程日记 2026/4/27 23:48:05

农业AI评估框架Garden V1：精准农业的模型性能测试

1. 项目概述：IFAD AI Benchmark (Garden V1) 的定位与价值IFAD AI Benchmark (Garden V1) 是一个面向农业智能化场景的AI模型性能评估框架。这个项目最初源于我们在精准农业项目中遇到的实际需求——当我们需要比较不同计算机视觉模型在农作物生长监测任务中的表现时…...

编程日记 2026/4/27 23:47:57

XUnity自动翻译器：Unity游戏汉化终极解决方案

XUnity自动翻译器：Unity游戏汉化终极解决方案 【免费下载链接】XUnity.AutoTranslator 项目地址: https://gitcode.com/gh_mirrors/xu/XUnity.AutoTranslator 还在为外语Unity游戏中的生涩文本而烦恼吗？XUnity.AutoTranslator是一个功能强大的开…...

编程日记 2026/4/27 23:47:51

LM Evaluation Harness：语言模型评估的标准化实践

1. 项目背景与核心价值在语言模型(LM)评估领域，基准测试(benchmarks)的整合一直是个既基础又关键的课题。去年我在为团队选型评估框架时，发现大多数开源方案都存在"评估孤岛"问题——每个benchmark就像一座数据孤岛，需要单独准备数…...

编程日记 2026/4/27 23:47:50

Stich接入Codex教程

Stich接入Codex教程 大家好，我是彪哥。 今天这期视频教大家，如何通过MCP协议将stich接入code X。 1.打开stich 打开stich,点击mcp点击设置mcp选择codex点击复制，复制到别的地方，大概是这样的 [mcp_servers.stitch] url “https:/…...

编程日记 2026/4/27 23:47:45

Python海龟绘图之画笔属性

在海龟绘图中，可以通过pensize()、pencolor()等函数设置画笔的粗细和颜色等属性。但是，以上提到的函数一次只能设置画笔的一个属性。可以通过pen()函数批量获取和设置海龟的多个属性。1 海龟属性的获取通过图1所示的代码获取海龟画笔的属性。图1 获取海龟…...

编程日记 2026/4/27 23:45:41

Google账号登录无标题-配置文件1

重启电脑之后发现需要谷歌登录的poner和chatGPT都是Google一直转圈圈，科学上网是没问题的，不然都不会到这一步 有搜到可能是DNS修改出现的问题，也贴上帖主解决问题的过程，不过我的问题不在这里(99 封私信 / 8 条消息) 谷歌账号登…...

编程日记 2026/4/27 23:45:41

5个技巧掌握After Effects动画导出：Bodymovin插件完全指南

5个技巧掌握After Effects动画导出：Bodymovin插件完全指南 【免费下载链接】bodymovin-extension Bodymovin UI extension panel 项目地址: https://gitcode.com/gh_mirrors/bod/bodymovin-extension 作为一名动画设计师或前端开发者，你是否曾为A…...

编程日记 2026/4/27 23:45:41

明日方舟游戏素材完整开源资源库：8000+高清美术资源一键获取指南

明日方舟游戏素材完整开源资源库：8000高清美术资源一键获取指南 【免费下载链接】ArknightsGameResource 明日方舟客户端素材 项目地址: https://gitcode.com/gh_mirrors/ar/ArknightsGameResource 还在为寻找明日方舟高质量游戏素材而烦恼吗？&am…...

编程日记 2026/4/27 23:45:41

告别离线分析！用Wireshark+Lua脚本实时解析航天测控PDXP数据包（附插件开发实战）

航天测控PDXP协议实时解析实战：WiresharkLua插件开发指南 航天测控系统的稳定运行离不开高效的数据传输协议，而PDXP（Packet Data Exchange Protocol）作为现代航天测控网络的核心协议，承载着各类关键任务数据的实时交换…...

编程日记 2026/4/27 23:45:41

Mermaid.js饼图与柱状图：告别数据可视化困扰的3步解决方案

Mermaid.js饼图与柱状图：告别数据可视化困扰的3步解决方案 【免费下载链接】mermaid Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown 项目地址: https://gitcode.com/GitHub_Trending/me/mermaid …...

编程日记 2026/4/27 23:43:40

《等保2.0系列（三）：定级方法与第二级详解——从“影响一群人”到“S和A”》

在上一章中我们了解了等保2.0第一级别的划分详情，在这篇文章中我们来了解一下等保2.0的划分条件和详情。等保2.0中对于第二级别的定级原则是会对公民、法人和其他组织的合法权益造成严重损害或特别严重损害；或者对社会秩序和公共利益造成危害&#xff0c…...

编程日记 2026/4/27 23:43:40

在Windows上用MSYS2编译旧版FFmpeg，遇到`shr`汇编错误？手把手教你改两行代码搞定

在Windows上用MSYS2编译旧版FFmpeg的shr汇编错误解决方案 当你在Windows平台上使用MSYS2环境编译较老版本的FFmpeg时，可能会遇到一个令人困惑的汇编错误："Error: operand type mismatch for shr"。这个问题通常出现在使用新版本的GCC工具链&am…...

编程日记 2026/4/27 23:43:38

【AI面试临阵磨枪-27】CoT、ToT、Plan-and-Solve、Plan-and-Execute 分别是什么？适用场景？

一、面试题目请你分别说明 CoT、ToT、Plan-and-Solve、Plan-and-Execute 四种大模型推理范式的核心定义，并对比各自的适用业务场景。二、知识储备1. CoT（Chain-of-Thought 思维链）核心定义最简单的线性推理范式，引导模型不直接给出…...

编程日记 2026/4/27 23:43:38

Spring Batch 中的异步处理与多线程策略

在使用Spring Batch进行大规模数据处理时，性能优化是一个关键问题。特别是当我们面对大量数据需要处理时，如何有效利用系统资源来提高批处理速度变得尤为重要。本文将深入探讨Spring Batch中的异步处理和多线程策略，通过实例说明如何在实际项目中应用这些技术。 异步处理的…...

编程日记 2026/4/27 23:43:34

周菜单生成器：基于规则引擎与约束优化的自动化饮食规划方案

1. 项目概述：从“今天吃什么”到自动化周菜单生成“今天吃什么？”这个问题，大概是每个需要自己动手解决三餐的人，每周都要面对的灵魂拷问。无论是为了健康饮食、控制预算，还是单纯想摆脱“外卖选择困难症”&#xff0c…...

编程日记 2026/4/27 23:41:33

架构解析：用C实现Nintendo Switch模拟器的完整技术路径

架构解析：用C#实现Nintendo Switch模拟器的完整技术路径 【免费下载链接】Ryujinx 用 C# 编写的实验性 Nintendo Switch 模拟器 项目地址: https://gitcode.com/GitHub_Trending/ry/Ryujinx Ryujinx是一个使用C#编写的开源Nintendo Switch模拟器，…...

编程日记 2026/4/27 23:41:33

AI生成代码检测：方法与工程实践

1. 项目概述"Detecting Machine-Generated Code: Unveiling Patterns in AI-Generated Programming"这个项目直指当前软件开发领域最前沿的挑战之一——如何识别AI生成的代码。作为一名长期关注代码质量与工程实践的开发者，我亲眼见证了AI编程助手从简单的…...

编程日记 2026/4/27 23:41:33

【2026最新版】小白程序员必看！AI Agent从入门到实战全解析（建议收藏）

对于刚入门大模型的小白，或是想拓展技术边界、抢占职场先机的程序员来说，AI Agent绝对是2026年最值得重点深耕的核心方向——它彻底打破了传统大模型“只输出、不落地”的局限，真正实现了“思考决策执行”一体化，堪称未来职场最具…...

编程日记 2026/4/27 23:41:33