ArkUI 简介

ArkUI方舟 UI 框架为应用的 UI 开发提供了完整的基础设施包括简洁的 UI 语法、丰富的 UI 功能组件、布局、动画以及交互事件以及实时界面预览工具等可以支持开发者进行可视化界面开发。基本概念UI 即用户界面。开发者可以将应用的用户界面设计为多个功能页面 NavDestination页面通过栈结构管理并通过导航容器 Navigation 完成页面间的调度管理如跳转、回退等操作以实现应用内的功能解耦。组件 UI构建与显示的最小单位如列表、网格、按钮、单选框、进度条、文本等。开发者通过多种组件的组合构建出满足自身应用诉求的完整界面。两种开发范式针对不同的应用场景及技术背景方舟 UI 框架提供了两种开发范式分别是基于 ArkTS 的声明式开发范式简称“声明式开发范式”和兼容 JS 的类 Web 开发范式简称“类 Web 开发范式”。声明式开发范式采用基于 TypeScript 声明式 UI 语法扩展而来的 ArkTS 语言从组件、动画和状态管理三个维度提供UI绘制能力。类Web开发范式采用经典的 HML、CSS、JavaScript 三段式开发方式即使用 HML 标签文件搭建布局、使用 CSS 文件描述样式、使用 JavaScript 文件处理逻辑。该范式更符合 Web 前端开发者的使用习惯便于快速将已有的 Web 应用改造成方舟 UI 框架应用。在开发一款新应用时推荐采用声明式开发范式来构建 UI主要基于以下几点考虑开发效率 声明式开发范式更接近自然语义的编程方式开发者可以直观地描述 UI无需关心如何实现 UI 绘制和渲染开发高效简洁。应用性能 如下图所示两种开发范式的 UI 后端引擎和语言运行时是共用的但是相比类 Web 开发范式声明式开发范式无需 JS 框架进行页面 DOM 管理渲染更新链路更为精简占用内存更少应用性能更佳。发展趋势声明式开发范式后续会作为主推的开发范式持续演进为开发者提供更丰富、更强大的能力。不同应用类型支持的开发范式根据所选用应用模型Stage 模型、FA 模型和页面形态应用或服务的普通页面、卡片的不同对应支持的 UI 开发范式也有所差异详见下表。应用模型页面形态支持的 UI 开发范式Stage 模型推荐应用或服务的页面声明式开发范式推荐Stage 模型推荐卡片声明式开发范式推荐、类 Web 开发范式FA 模型应用或服务的页面声明式开发范式、类 Web 开发范式FA 模型卡片类 Web 开发范式分层 API 架构与选型建议声明式开发范式采用 ArkTS 语言通过声明 UI 结构和状态自动驱动界面渲染。开发者只需描述“界面应该是什么样”无需手动管理 UI 更新。适用于复杂度较高、团队协作的应用开发具有高开发效率、良好性能和易维护等优势。适用场景复杂应用、需要高效开发和维护的项目、推荐新项目优先选用。自定义能力ArkUI 支持多层次自定义能力包括自定义组合、自定义扩展Modifier、自定义节点FrameNode、RenderNode、BuilderNode、自定义渲染等。开发者可根据业务需求选择不同层级的自定义方式实现灵活的 UI 定制和扩展。适用场景需要特殊 UI 表现、底层渲染控制、与系统组件深度集成等场景。NDK 开发ArkUI 开发框架提供了一系列 NDK 接口能够在应用中使用 C 和 C 代码构建 UI 界面包括 UI 组件创建、UI 树操作、属性设置和事件监听等。详细使用方式可参考 NDK 接口概述。适用场景需要精细化创建和挂载 UI 组件、对性能有高要求的场景、业务已存在 C 或 C 库可使用 NDK 能力进行对接。