【“蒙”友会“稿”起来】ArkUI一点收获_arkts和arkui

一、ArkTs声明式开发范式

ArkTS是HarmonyOS的一种应用开发语言，它是在TypeScript的基础上扩展而来的，是TS的超集，ArkTS 继承了 TS 的所有特性。ArkTS 在 TS 基础上主要扩展了声明式 UI 能力，让开发者以更简洁、更自然的方式开发高性能应用。

二、组件能力

ArkUI是一套UI开发框架，它提供了开发者进行应用UI开发时所必须的能力。ArkUI增加了更多的UI组件能力。支持Xcomponent 能力，支持C++/ArkTs混合开发，满足自渲染场景。在开发的过程中，有些场景没有办法直接采用UI组合实现的，比如照相机应用需要使用相机预览显示，因此就需要框架能提供一种可以在C++进行绘制的组件，于是v3.1版本就推出了XComponent组件

还有新增声明式Canvas绘制能力，主要包括了Canvas组件和OffscreenCanvas组件。OffscreenCanvas组件的提供是为了满足开发者离屏绘制开发场景。

三、多平台支持能力

ArkUI增加了多平台支持的能力，不仅仅局限于鸿蒙应用，安卓和IOS也会支持，一次开发，多端部署，当然这也是华为鸿蒙系统的三大理念之一，在我们这个万物互联时代，每个设备只是鸿蒙超级终端其中的一个节点，开发者不需要为每一个设备去单独开发应用，让一次应用开发就可以获得最多的入口，最大程度帮助开发者提高开发效率。

四、Stage模型

Stage模型主要是让开发者更加方便地开发出分布式环境下的复杂应用。Stage模型通过Ability生命周期和窗口显示焦点事件分，统一了多设备组件的生命周期。开发者只需要一套代码既能支持移动设备和桌面设备。

五、特性

1. 极简的UI信息语法

   ArkUI开发框架采用基于 TypeScript 扩展的极简的声明式UI描述界面语法，提供了类自然语言的UI描述和组合，开发者只需用几行简单直观的声明式代码，即可完成界面功能。

2. 丰富的内置UI组件

   ArkUI开发框架内置了丰富而精美的多态组件，可满足大部分应用界面开发的需求，开发者可以轻松地向几乎任何UI控件添加动画并选择一系列框架内置的动画能力，可为用户带来平滑而自然的体验。其中多态是指UI描述是统一的，UI呈现在不同类型设备上会有所不同。比如 Button 组件在手机和手表会有不同的样式和交互方式。

3. 多维度的状态管理机制

   ArkUI开发框架为开发者提供了跨设备数据绑定功能和多维度的状态管理机制（组件内/组件间/全局/分布式数据驱动UI变更），支持灵活的数据驱动的UI变更，帮助开发者节省70%代码完成跨端界面应用开发。

4. 支持多设备开发

   ArkUI开发框架除了提供UI开发套件外还围绕着多设备开发提供了多维度的解决方案，进一步简化开发：

   • 基础开发能力：包括基础的分层参数配置（比如色彩、字号、圆角、间距等），栅格系统，原子化布局能力（比如拉伸、折行、隐藏等）。
   • 零部件组件层：包括多态控件，统一交互能力，以及在此基础上的组件组合。
   • 面向典型场景：提供分类的页面组合模板以及示例代码。

5. 原生性能体验

   ArkUI开发框架内置了许多核心的UI控件和动效，如图片、列表、网格、属性动画、转场动画等，加持自研的 ArkCompiler 方舟编译器和 ArkRuntime 方舟运行时深度优化，这些都可以在 HarmonyOS / OpenHarmony 设备上达到移动原生应用一样的性能体验。

6. 实时预览机制

   ArkUI开发框架支持实时界面预览特性可帮助开发快速的所见即所得的开发和调测界面，无需连接真机设备就可以显示应用界面在任何 HarmonyOS / OpenHarmony 设备上的UI效果，预览的关键特性主要包括：

   • 一致性渲染：和目标设备一致的UI呈现效果。
   • 实时性预览：改动相应的代码，实时呈现出相应UI效果。另外，代码能够和UI双向联动，代码改动的同时UI也实时变更，UI改动的同时代码也相应地变更。
   • 多维度预览：支持页面级预览、组件级预览、多设备预览。

进入华为专区，解锁更多内容