鸿蒙开发者社区

🌟鸿蒙开发状态管理V2：精准响应与性能优化实战基于HarmonyOS5.1+ArkTS语法，融合最新API与设计理念一、状态管理演进与核心目标1.V2核心改进精细化追踪：ObservedV2+Trace替代V1的ObservedTrack，仅监听标记字段，减少无效渲染。生命周期强化：组件级新增onWillDestroy()，优化资源释放时机。类型支持扩展：AppStorage支持Map、Set、Date等复杂类型（API12+）。2.三大核心目标自动化UI更新：状态变更→精准刷新关联UI（非全量更...

引言HarmonyOS5与ReactNative的结合，为跨平台开发者提供了更高效的移动端开发解决方案——既能利用HarmonyOS的分布式能力（如多设备协同、原子化服务），又能通过ReactNative的跨平台渲染能力快速构建UI。本文将手把手带你完成环境配置，全程无需复杂命令行操作，10分钟即可搭建可运行的开发环境。一、环境准备：一键安装核心工具1.1下载DevEcoStudio5.0（鸿蒙专属IDE）​​直达链接​​：​​华为开发者联盟官网下载页​​​...

[toc](目录)什么是端云一体化端云一体化是为丰富HarmonyOS对云端开发的支持、实现端云联动，DevEcoStudio以CloudFoundationKit（云开发服务）为底座、在传统的“端开发”基础上新增“云开发”能力，开发者在创建工程时选择合适的云开发工程模板，即可在DevEcoStudio内同时完成HarmonyOS应用元服务的端侧与云侧开发，体验端云一体化协同开发。为什么要做端云一体化可以在DevEcoStudio中开发应用端侧的业务代码，还可以开发和调试...

目录​​1>创建Tabs​​​​2>设置Tabs方向​​​​3>设置样式​​​​4>显示页签索引​​​​5>场景示例​​1>创建Tabs在pagesindex目录下的hml文件中创建一个Tabs组件。<!index.hml><divclass"container"<tabs><tabbar><text>item1<text><text>item2<text><tabbar><tabcontentclass"tabContent"><divclass"text"><text>content1<text><div><divclass"text"><text>content2<text><div><tabcontent><tabs><div>test.css.contain...

目录​​1>创建Stepper组件​​​​2>设置index属性​​​​3>设置样式​​​​4>添加事件​​​​5>场景示例​​1>创建Stepper组件在pagesindex目录下的hml文件中创建一个Stepper组件。<!index.hml><divclass"container"><stepper><stepperitem><text>Step1<text><stepperitem><stepperitem><text>Step2<text><stepperitem><stepper><div>test.css.container{width:100%;height:100%;flexdirection:column;justifycontent:cent...

目录​​1>List​​​​1.1>创建List组件​​​​1.2>添加滚动条​​​​1.3>添加侧边索引栏​​​​1.4>实现列表折叠和展开​​​​1.5>场景示例​​​​2>dialog​​​​2.1>创建Dialog组件​​​​2.2>设置弹窗响应​​​​2.3>场景示例​​​​3>form​​​​3.1>创建Form组件​​​​3.2>实现表单缩放​​​​3.3>设置Form样式​​​​3.4>添加响应事件​​​​3.5>场景示例​​1>ListList是用来显示列表的组件，包含一系...

目录​​1>添加交互​​​​2>动画​​​​2.1>静态动画​​​​2.2>连续动画​​​​3>手势事件​​​​4>页面路由​​​​4.1>构建页面布局​​​​4.2>构建页面样式​​​​4.3>实现跳转​​1>添加交互添加交互可以通过在组件上关联事件实现。本节将介绍如何用div、text、image组件关联click事件，构建一个如下图所示的点赞按钮。点赞按钮通过一个div组件关联click事件实现。div组件包含一个image组件和一个text组件：image...

目录​​1>组件介绍​​​​1.1>组件分类​​​​2>布局说明​​​​3>添加标题行和文本区域​​​​4>添加图片区域​​​​5>添加留言区域​​​​6>添加组件​​​​6.1>List组件​​​​6.2>Tabs组件​​1>组件介绍组件(Component)是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。1.1>组件分类根据组件的功能，可以分...

前言人，不但要有科学技术，而且还要，文化，艺术，跟音乐。————钱学森遗留的subKeys()方法我们继续来看下之前遗留的subKeys()方法。这个方法在前文中，用于给黑键和白键分别布局。typescriptprivatesubKeys(isWhite:boolean):Key[]{根据入参的布尔值，返回黑键或者白键的对象数组subKeys。Key类声明见下文。constsubKeys:ArraynewArray()letid0这个id很关键，用于UI布局里面，所有的按键按照半音间隔依次排列，这个id就是...

前言人，不但要有科学技术，而且还要，文化，艺术，跟音乐。————钱学森绘制键盘根据之前设计的布局思路，根布局为stack，白键的row布局在下，黑键的row布局在上。两个row布局里面各有一个循环，把subKeys遍历一遍。之后解释subKeys的实现，现在可以简单的理解为每个按键的遍历。更多的细节请看代码中的注释。typescriptbuild(){Stack(){Row(){ForEach(this.subKeys(true),(item:Key,i){白键的遍历Button().width(this.WHITE...

前言人，不但要有科学技术，而且还要，文化，艺术，跟音乐。————钱学森布局思路我们选择用两个循环，分别布局白键的row和黑键的row键盘组件类我把键盘布局作为一个component，声明了这些成员。typescriptPropcurrentChord:number[]当前的和弦类型StateprivatecurrentKey:number1当前的按键（根音）白键黑键的尺寸privateWHITEKEYWIDTH7privateWHITEKEYHEIGHT100;privateBLACKKEYWIDTH3.5;privateBLACKKEYHEIGHT63;privateSE...

前言人，不但要有科学技术，而且还要，文化，艺术，跟音乐。————钱学森我特别认同钱老说的这句话。我们作为理工科为主的开发者，不能忘记陶冶自己的情操。所以业余时间，我也会弹一点钢琴。有一天，我的需求就来了。那天的乐谱和平常不一样，左手的音符不是画在五线谱上的，是以和弦形式标注的。这一下把我这个野路子难住了。我可没法记住那些和弦的规律。那么我能不能自己开发一个小工具，帮我来查询钢琴和弦按键的方法呢...

【HarmonyOSNext】鸿蒙应用公钥和证书MD5指纹的获取一、问题背景政府的icp备案时，或者某些三方SDK以来的管理后台，都需要配置鸿蒙应用的公钥和证书MD5指纹二、解决方案专有名词解释：华为AppGalleryConnect简称AGC平台，是我们的鸿蒙应用进行上架和开发生产和测试证书配置的管理后台。方案一：（1）[进入AGC平台，创建自己的项目，添加鸿蒙应用](https:developer.huawei.comconsumercnservicejospagcindex.html)（2）公钥获取...

目录​​1>生命周期​​​​1.1>应用生命周期​​​​1.2>页面生命周期​​​​2>资源限定与访问​​​​2.1>资源限定词​​​​2.2>资源限定词的命名要求​​​​2.3>限定词与设备状态的匹配规则​​​​2.4>引用JS模块内resources资源​​​​3>多语言支持​​​​3.1>定义资源文件​​​​3.2>引用资源​​1>生命周期1.1>应用生命周期在app.js中可以定义如下应用生命周期函数：属性类型描述触发时机onCreate()>void应用创建...

目录​​1>HML语法​​​​1.1>页面结构​​​​1.2>数据绑定​​​​1.3>普通事件绑定​​​​1.4>冒泡事件绑定5+​​​​1.5>捕获事件绑定5+​​​​1.6>列表渲染​​​​1.7>条件渲染​​​​1.8>逻辑控制块​​​​1.9>模板引用​​​​2>CSS语法​​​​2.1>尺寸单位​​​​2.2>样式导入​​​​2.3>声明样式​​​​2.4>选择器​​​​2.5>选择器优先级​​​​2.6>伪类​​​​2.7>样式预编译​​​​2.8>CSS样式继承6+...

​目录​​1>概述​​​​1.1>整体架构​​​​2>文件组织​​​​2.1>目录结构​​​​2.2>文件访问规则​​​​2.3>媒体文件格式​​​​3>js标签配置​​​​3.1>pages​​​​3.2>window​​​​3.3>示例​​​​4>app.js​​​​4.1>应用生命周期​​​​4.2>应用对象6+​​​1>概述兼容JS的类Web开发范式的方舟开发框架，采用经典的HML、CSS、JavaScript三段式开发方式。使用HML标签文件进行布局搭建，使用CSS文件进行样...

​目录​​1>Web组件开发​​​​1.1>创建组件​​​​1.2>设置样式和属性​​​​1.3>添加事件和方法​​​​1.4>场景示例​​​​2>性能提升的推荐方法​​​​2.1>推荐使用数据懒加载​​​​2.2>使用条件渲染替代显隐控制​​​​2.3>使用ColumnRow替代Flex​​​​2.4>设置List组件的宽高​​​​2.5>减少应用滑动白块​​1>Web组件开发1.1>创建组件在pages目录下创建一个Web组件。在Web组件中通过src指定引用的网页路径，...

​目录​​1>自适应布局​​​​1.1>线性布局​​​​1.1.1>线性布局的排列​​​​1.1.2>自适应拉伸​​​​1.1.3>自适应缩放​​​​1.1.4>定位能力​​​​1.1.5>自适应延伸​​​​1.2>层叠布局​​​​1.2.1>对齐方式​​​​1.2.2>Z序控制​​​​1.3>弹性布局​​​​1.3.1>弹性布局方向​​​​1.3.2>弹性布局换行​​​​1.3.3>弹性布局对齐方式​​​​1.3.4>弹性布局的自适应拉伸​​​​1.3.5>场景示例​​​​1.4>...

一、背景与核心价值工业设备故障预测是保障生产连续性的关键，传统人工巡检效率低、依赖经验。HarmonyOS5结合LSTM深度学习模型与设备振动传感器，可实现“振动数据→故障预测→游戏挑战”的闭环，将设备维护从“被动维修”转为“主动挑战”，提升运维人员技能与设备可靠性。本文将详解如何通过LSTM模型（准确率≥92%）实现这一场景。二、技术原理：振动数据→LSTM预测→游戏挑战的链路（一）核心流程概览振动数据采集：通过Harm...

在医疗康复领域，HarmonyOS5通过骨骼点检测技术与分布式传感器融合，将患者的动作实时映射为虚拟角色的运动，构建沉浸式康复游戏。该系统通过CFDAClassII医疗器械认证，确保数据采集、处理与反馈的医疗级精度与安全性。本文将解析其技术架构、认证流程及典型应用场景。一、技术架构：动作捕捉与虚拟角色驱动的闭环1.1骨骼点检测技术HarmonyOSSDK提供17个关键点检测能力（鼻、肩、肘、膝等），通过基础视觉服务（CoreVisionKit）...