HarmonyOS简介:高效开发与测试

ArkTS语言

ArkTS是HarmonyOS优选的主力应用开发语言。

在TypeScript生态的基础上做了进一步拓展,保持了其基本风格,同时通过规范定义,强化开发期静态检查和分析,提升程序执行稳定性和性能。

如图所示代码示例

UI界面会显示一段文本和一个按钮,当用户点击按钮时,文本内容会从'Hello World'变为'Hello ArkUI'。ArtTS定义了各种装饰器、自定义组件、UI描述机制,在配合UI开发框架中的系统组件、事件方法、属性方法等,共同构成了应用开发的主体。

  • 装饰器:用于装饰类、结构、方法以及变量,并赋予其特殊的含义。示例中@Entry、@Component和@State都是装饰器
  • 自定义组件:可复用的UI单元,可组合其他组件,如被@Component装饰的struct Hello。
  • UI描述:以声明式的方式来描述UI的结构,如build()方法中的代码块。
  • 系统组件:ArkUI框架中默认内置的基础和容器组件,可直接被开发者调用,比如示例中的Column、Text、Divider、Button。
  • 事件方法:组件可以通过链式调用设置多个事件的影响逻辑,如跟随在Button后面的onClick()。
  • 属性方法:组件可以通过链式调用配置多项属性,如fontSize()、width()、height()等。

ArkUI框架

方舟开发框架为HarmonyOS应用的UI开发提供了完整的基础设施,包括简介的UI语法、丰富的UI功能,如组件、布局、动画交互事件等。以及实时建立预览工具,可以支持开发者进行可视化界面开发。

ArkUI框架提供给开发者两种开发方式

  • 基于ArkTS的声明式开发范式:更加简洁和高效
  • 基于JavaScript扩展的类web开发范式

集成开发环境

测试工具

相关推荐
2601_9495936513 分钟前
基础入门 React Native 鸿蒙跨平台开发:模拟智能音响
react native·react.js·harmonyos
xiaoqi9221 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233221 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88213 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
xiaoqi9225 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟5 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
qq_177767375 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin1233227 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931707 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_920931708 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos