【OpenHarmony】前言 — UI开发基础知识与建立工程示例
目录
1、开发准备
需要了解有关OpenHarmony应用的一些基本概念:UI框架的简单说明、Ability的基本概念。
DevEco Studio下载
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 :模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
相关文章
- 【WLAN】【基础知识】WIFI那些事儿之PMF
- 服务器基础知识_服务器初学者入门
- 初识C语言(下):基本了解C语言的基础知识,对C语言有一个大概的认识。
- MongoDB基础知识 之 常用数据类型介绍讲解
- Hadoop综合练习第九节–HBase基础知识详解大数据
- Linux基础知识考验:突破入门门槛(linux基础试题)
- 籍Linux书籍:掌握Linux基础知识的必备之选(linux书)
- 嵌入式Linux编程:掌握基础知识和技能。(嵌入式linux编程基础)
- 学习Linux正则表达式:快速掌握基础知识及实战技能。(linux正则表达式教程)
- Redis Class:轻松学习Redis数据库基础知识的最佳选择(redisclass)
- 学习Oracle数据库:掌握基础知识(oracle数据库基础教程)
- 学习Oracle入门基础知识,获取更多技能(oracle入门基础知识)
- MySQL的加法运算简介基础知识与实例(mysql中加法运算)
- javascript基础知识大集锦(一)推荐收藏
- javascript基础知识大全便于大家学习,也便于我自己查看