zl程序教程

您现在的位置是:首页 >  其他

当前栏目

【OpenHarmony】前言 — UI开发基础知识与建立工程示例

基础知识UI开发 示例 建立 工程 OpenHarmony 前言
2023-09-14 09:14:31 时间

目录

1、开发准备

DevEco Studio下载

2、UI框架

3、Ability

4、创建eTS工程

5、eTS工程项目文件


1、开发准备

需要了解有关OpenHarmony应用的一些基本概念:UI框架的简单说明、Ability的基本概念。

DevEco Studio下载

HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者华为鸿蒙DevEco Studio是面向全场景的一站式集成开发环境,,在鸿蒙官网下载或升级操作系统开发工具DevEco Studio最新版本,SDK配置和下载,2.1支持Mac、Windows操作系统。https://developer.harmonyos.com/cn/develop/deveco-studio#download

2、UI框架

OpenHarmony提供了一套UI开发框架,即方舟开发框架(ArkUI框架)。方舟开发框架可为开发者提供应用UI开发所必需的能力,比如多种组件、布局计算、动画能力、UI交互、绘制等。

方舟开发框架针对不同目的和技术背景的开发者提供了两种开发范式,分别是基于eTS的声明式开发范式(简称“声明式开发范式”)和兼容JS的类Web开发范式(简称“类Web开发范式”)。以下是两种开发范式的简单对比。

 OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,遵循JS开发规范,通过可视化界面开发方式快速构建布局,可有效降低开发者的上手成本并提升开发者构建UI界面的效率。

3、Ability

Ability是应用所具备能力的抽象,也是应用程序的重要组成部分。一个应用可以具备多种能力(即可以包含多个Ability)。OpenHarmony支持应用以Ability为单位进行部署。

Ability分为FA(Feature Ability)PA(Particle Ability)两种类型,每种类型为开发者提供了不同的模板,以便实现不同的业务功能。其中,FA支持Page Ability模板,以提供与用户交互的能力。

4、创建eTS工程

若首次打开DevEco Studio,请点击Create Project创建工程。如果已有一个工程,请点击File > New > Create Project。选择模板“Empty Ability”,点击Next进行下一步配置。

进入配置工程界面,UI Syntax选择“eTS”,其他参数保持默认设置即可。

点击Finish,工具会自动生成示例代码和相关资源,等待工程创建完成。

5、eTS工程项目文件

entry :OpenHarmony工程模块,编译构建生成一个HAP包。

  • src > main > ets :用于存放ets源码。
  • src > main > ets > MainAbility :应用/服务的入口。
  • src > main > ets > MainAbility > pages :MainAbility包含的页面。
  • src > main > ets > MainAbility > pages > index.ets :pages列表中的第一个页面,即应用的首页入口。
  • src > main > ets > MainAbility > app.ets :承载Ability生命周期。
  • src > main > resources :用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
  • src > main > config.json :模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。
  • build-profile.json5 :当前的模块信息 、编译信息配置项,包括buildOption、targets配置等。
  • hvigorfile.js :模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。