HarmonyOS 初体验 （五）了解UI、应用模型

上一篇

1. HarmonyOS 初体验 （四）项目运行

UI设计：ArkUI框架

1. 地址HarmonyOS提供了一套UI开发框架，即方舟开发框架（ArkUI框架）
   1. https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/start-overview-0000001478061421-V2
2. 基本概念
   1. UI：即用户界面。开发者可以将应用的用户界面设计为多个功能页面，每个页面进行单独的文件管理，并通过页面路由API完成页面间的调度管理如跳转、回退等操作，以实现应用内的功能解耦。
   2. 组件：UI构建与显示的最小单位，如列表、网格、按钮、单选框、进度条、文本等。开发者通过多种组件的组合，构建出满足自身应用诉求的完整界面。
3. 两种开发范式
   1. 声明式开发范式：采用基于TypeScript声明式UI语法扩展而来的ArkTS语言，从组件、动画和状态管理三个维度提供UI绘制能力。
   2. 类Web开发范式：采用经典的HML、CSS、JavaScript三段式开发方式，即使用HML标签文件搭建布局、使用CSS文件描述样式、使用JavaScript文件处理逻辑。该范式更符合于Web前端开发者的使用习惯，便于快速将已有的Web应用改造成方舟开发框架应用

1. 描述
   1. 应用模型是HarmonyOS为开发者提供的应用程序所需能力的抽象提炼，它提供了应用程序必备的组件和运行机制。有了应用模型，开发者可以基于一套统一的模型进行应用开发，使应用开发更简单、高效。
2. 构成要素
   1. 应用组件
      1. 应用组件是应用的基本组成单位，是应用的运行入口。用户启动、使用和退出应用过程中，应用组件会在不同的状态间切换，这些状态称为应用组件的生命周期。应用组件提供生命周期的回调函数，开发者通过应用组件的生命周期回调感知应用的状态变化。应用开发者在编写应用时，首先需要编写的就是应用组件，同时还需编写应用组件的生命周期回调函数，并在应用配置文件中配置相关信息。这样，操作系统在运行期间通过配置文件创建应用组件的实例，并调度它的生命周期回调函数，从而执行开发者的代码。
   2. 应用进程模型
      

      1. 应用进程模型定义应用进程的创建和销毁方式，以及进程间的通信方式。

   3. 应用线程模型
      1. 应用线程模型定义应用进程内线程的创建和销毁方式、主线程和UI线程的创建方式、线程间的通信方式。
   4. 应用任务管理模型
      
      1. 应用任务管理模型定义任务（Mission）的创建和销毁方式，以及任务与组件间的关系。HarmonyOS应用任务管理由系统应用负责，三方应用无需关注，下文不做具体介绍
   5. 应用配置文件
      1. 应用配置文件中包含应用配置信息、应用组件信息、权限信息、开发者自定义信息等，这些信息在编译构建、分发和运行阶段分别提供给编译工具、应用市场和操作系统使用。
3. 两种应用模型
   
   1. FA（Feature Ability）模型
      
      1. 描述：HarmonyOS早期版本开始支持的模型，已经不再主推
   2. Stage模型
      
      1. 描述：HarmonyOS 3.1 Developer Preview版本开始新增的模型，是目前主推且会长期演进的模型。在该模型中，由于提供了AbilityStage、WindowStage等类作为应用组件和Window窗口的“舞台”，因此称这种应用模型为Stage模型。
      2. 应用包名配置
         1. AppScope -》app.json5 -〉bundleName
         2. 推荐采用反域名形式命名（如com.example.demo，建议第一级为域名后缀com，第二级为厂商/个人名，第三级为应用名，也可以多级）
         3. 应用图标和标签是在设置应用中使用

         4. 

      3. 应用图标和标签配置
         
         1. AppScope -》app.json5 -〉icon
         2. AppScope -》app.json5 -〉label
         3. 入口图标和入口标签会显示在桌面上

         4. 

      4. 应用版本声明配置
         
         1. AppScope -》app.json5 -〉versionCode标签和versionName标签

      5. Module支持的设备类型配置

         1. AppScope -》module.json5 -〉deviceTypes

      6. Module权限配置

         1. AppScope -》module.json5-〉requestPermission

      7. 入口图标和标签配置　

         1. AppScope -》module.json5-〉module.abilities.icon
         2. AppScope -》module.json5-〉module.abilities.label

1. HarmonyOS 初体验 （六）了解包结构