鸿蒙开发者社区

目录​​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>组件分类根据组件的功能，可以分...

前言人，不但要有科学技术，而且还要，文化，艺术，跟音乐。————钱学森绘制键盘根据之前设计的布局思路，根布局为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...

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

解锁鸿蒙开发新可能：HarmonyOSCodelabs助你快速成长在移动互联网与物联网飞速融合的当下，鸿蒙操作系统（HarmonyOS）正以其分布式能力和跨设备协同优势，成为技术领域的新焦点。对于开发者而言，如何快速掌握鸿蒙开发技能、紧跟技术潮流，是突破职业瓶颈的关键。而HarmonyOSCodelabs（[https:gitcode.com](https:gitcode.comHarmonyOSCodelabs)[Harmo](https:gitcode.comHarmonyOSCodelabs)[nyOS](https:gitcode.comHarmonyOSC...

目录​​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）...

引言：当药物研发遇上「分子解谜」——科学与游戏的跨界创新传统药物研发依赖复杂的实验与计算模拟，周期长、成本高。HarmonyOS5的分子动力学模拟（MD）与3D可视化技术，为药物研发教育与科普提供了「游戏化」新范式——通过将蛋白质折叠的动态过程转化为可交互的解谜关卡，玩家在「调整分子构象」的过程中，既能理解科学原理，又能辅助研究人员验证潜在药物靶点的稳定性。本文将以「抗癌靶向药研发：HER2蛋白折叠解谜」为例，...

一、背景与核心价值圆明园作为中国近代历史的标志性文化遗产，其数字还原对文物保护、历史研究与公众教育具有重要意义。传统重建依赖二维图纸或简单3D模型，难以呈现真实历史细节。HarmonyOS5结合激光扫描点云技术与多源史料重建，通过AR（增强现实）实现圆明园数字景观的高精度还原，用户可通过手机平板“穿越”至历史场景，直观感受园林风貌。本文将详解如何基于HarmonyOS的AR能力与历史数据，完成这一文化数字化工程。二、技...

探秘HarmonyOSsamples：开发者的鸿蒙生态宝藏库在鸿蒙生态快速发展的今天，开发者们常常需要高质量的示例代码来学习新特性、解决技术难题。而GitCode上的harmonyossamples组织，正是这样一个汇聚了大量鸿蒙开发实战案例的宝藏库。无论是刚入门的新手，还是深耕鸿蒙生态的资深开发者，都能在这里找到适合自己的学习资源。大家觉得有用的，建议点关注，收藏。为什么推荐harmonyossamples？harmonyossamples是一个专注于鸿蒙（Harm...

一、引言最近看到一个项目的架构设计，刚开始看还有点懵，但仔细想了想，其实它还挺有意思的。它用了一个混合型架构，表面看像MVVM，实际上中间加了一层Controller（或者说是PresenterDisPatcher），再加上Biz和Imp，把职责细分得非常明确。今天就借这个机会，跟大家一起聊聊这个架构是怎么设计的，我是怎么理解它的。阿弥陀佛。如果您有任何疑问、对文章写的不满意、发现错误或者有更好的方法，如果你想支持下一期请务必点赞，...

HarmonyOS5应用拉起系列（一）：应用与元服务互通方式随着HarmonyOS生态的发展，应用之间、应用与元服务之间的互相拉起成为常见的交互方式。结合我平时开发所遇到的场景，将系统总结HarmonyOS中几种主流的拉起方式，包括openLink、startAbility、openAtomicService和FullScreenLaunchComponent，并通过实际代码进行说明，帮助开发者灵活选择、快速集成。一、HarmonyOS常见拉起方式对比下表概览了各类拉起方式的特性、适用场景与...