珠海专业网站建设制作网站免费

ArkUI框架介绍

ArkUI简介

基本概念

            UI： 即用户界面。开发者可以将应用的用户界面设计为多个功能页面，每个页面进行单独的文件管理，并通过页面路由API完成页面间的调度管理如跳转、回退等操作，以实现应用内的功能解耦。

          组件： UI构建与显示的最小单位，如列表、网格、按钮、单选框、进度条、文本等。开发者通过多种组件的组合，构建出满足自身应用诉求的完整界面。

两种开发范式

针对不同的应用场景及技术背景，方舟UI框架提供了两种开发范式，分别是基于ArkTS的声明式开发范式（简称“声明式开发范式”）和兼容JS的类Web开发范式（简称“类Web开发范式”）。

• 声明式开发范式：采用基于TypeScript声明式UI语法扩展而来的ArkTS语言，从组件、动画和状态管理三个维度提供UI绘制能力。
• 类Web开发范式：采用经典的HML、CSS、JavaScript三段式开发方式，即使用HML标签文件搭建布局、使用CSS文件描述样式、使用JavaScript文件处理逻辑。该范式更符合于Web前端开发者的使用习惯，便于快速将已有的Web应用改造成方舟UI框架应用。
• 

声明式开发范式

声明式UI是系统选用的新一代开发范式，通过数据驱动UI变化，UI逻辑分离，更直观，更高效。

声明式UI和命令式UI（传统UI）对比

ArkUI常用组件介绍

基础组件

用于展示页面的基础元素，例如：Button、Text、Image等

Button

Text

Image

布局容器组件

用于界面上组织组件的排列，例如Row、Column、List、grid、swiper、WaterFlow等

Row（横向排列布局）

Column（竖项排列布局）

List

Grid

Swiper

WaterFlow

导航组件

导航组件：用于实现页面跳转或切换，例如Navigation、Tabs

更多组件

ArkUI拓展功能

ArkUI组件声明周期执行流程