本文详细介绍了如何在HUAWEIDevEcoStudio中创建和配置HarmonyOS项目，包括模块结构、项目配置文件、UI组件（AbilityUI）的生命周期管理和界面跳转。作者还分享了项目架构与Android的对比以及资源管理的关键点。
工具下载地址：HUAWEI DevEco Studio和SDK下载和升级 | 华为开发者联盟
创建项目
点击欢迎界面的 Create Project，创建新项目的流程也和 Android Studio 类似，这里的 Ability UI组件类似 Android 中的 Activity，用于提供UI显示及生命周期回调，这里我们简单的用默认模板创建一个 Demo 项目；
Bundle name 等同于 Android 中的 package name，项目名、保存位置可以自选，其他配置保持默认就可以了，完成项目创建。
项目结构
待项目创建完成，你就能看到如下的项目目录结构，文件看上去很多，但是我们只需要关注重点部分；
PROJECT_FILE_TREE
Demo/build-profile.json5项目配置文件，等同于 Android 项目中的settings.gradle.kts：
{
"app": {
"signingConfigs": [], // 签名配置
"compileSdkVersion": 9, // SDK 版本配置
"compatibleSdkVersion": 9, // SDK 版本配置
"products": [
{
"name": "default",
"signingConfig": "default",
}
]
},
"modules": [ // 模块配置
{
"name": "entry", // 模块名
"srcPath": "./entry", // 模块路径
"targets": [
{
"name": "default",
"applyToProducts": [
"default"
]
}
]
}
]
}
Demo/AppScope存放全局资源及配置的路径；Demo/AppScope/resources应用全局资源路径；Demo/AppScope/app.json5应用配置，定义包名、版本、应用图标、名称等配置：
{
"app": {
"bundleName": "com.sample.demo", // 包名
"vendor": "example", // 供应商
"versionCode": 1000000, // 版本号
"versionName": "1.0.0", // 版本名
"icon": "$media:app_icon", // 应用图标，此处配置影响应用管理中显示
"label": "$string:app_name" // 应用名，此处配置影响应用管理中显示
}
}
使用的图标：
名称资源：
{
"string": [
{
"name": "app_name",
"value": "Demo"
}
]
}
在应用管理中显示：
Demo/entry应用主模块，应用入口，存放代码、资源的路径；Demo/entry/src/main/module.json5模块配置文件，类似 Android 项目中的AndroidManifest.xml：
{
"module": {
"name": "entry", // 当前module的名字，module打包成hap后，表示hap的名称，标签值采用字符串表示（最大长度31个字节），该名称在整个应用要唯一
"type": "entry", // 表示模块的类型，类型有三种，分别是entry、feature和har
"srcEntry": "./ets/DemoAbilityStage.ts", // 模块的入口文件路径，默认没有，需要手动创建，类似 Android 中的 Application
"description": "$string:module_desc", // 当前模块的描述信息
"mainElement": "EntryAbility", // 该标签标识hap的入口ability名称或者extension名称。只有配置为mainElement的ability或者extension才允许在服务中心露出
"deviceTypes": [ // 该标签标识hap可以运行在哪类设备上
"phone",
"tablet"
],
"deliveryWithInstall": true, // 该模块是否随应用一起安装
"installationFree": false, // 释放支持免安装
"pages": "$profile:main_pages", // ability 中使用的 page 信息配置
"abilities": [ // ability 配置列表，类似 Android 中的 Activity 列表
{
"name": "EntryAbility", // 逻辑名，整个应用要唯一
"srcEntry": "./ets/entryability/EntryAbility.ts", // 入口代码路径
"description": "$string:EntryAbility_desc", // 描述信息
"icon": "$media:icon", // 图标，如果为 MainElement，必填，此处配置影响应用列表显示及任务栈显示
"label": "$string:EntryAbility_label", // 标签名，此处配置影响应用列表显示及任务栈显示
"startWindowIcon": "$media:icon", // 启动页图标
"startWindowBackground": "$color:start_window_background", // 启动页背景颜色
"exported": true,
"skills": [
{
"entities": [
"entity.system.home"
],
"actions": [
"action.system.home"
]
}
]
}
]
}
}
使用的图标：
名称资源：
{
"string": [
{
"name": "EntryAbility_label",
"value": "Ability1"
}
]
}
在桌面显示：
在任务栈显示：
如果有多个 UIAbility，则配置了 skills 为 entity.system.home 的都会在桌面创建图标：
"skills": [
{
"entities": [
"entity.system.home"
],
"actions": [
"action.system.home"
]
}
]
Demo/entry/src/main/ets源码文件路径；Demo/entry/src/main/ets/entryability/EntryAbility.tsUI 组件，类似 Android 中的Activity；Demo/entry/src/main/resources资源文件路径；
项目架构及与Android对比
从总体的项目架构来看，HarmonyOS 项目是比较贴近 Android 项目中 Compose + 单Activity 架构的，并且我们在 HarmonyOS 中也能找到一些与 Android 项目对应的关系：
| Android | HarmonyOS | ||
|---|---|---|---|
| settings.gradle.kts | 项目配置文件 | Demo/build-profile.json5 | 项目配置文件，不同的是将应用的签名、SDK版本、多渠道配置移动到了这里 |
| build.gradle.kts | 模块配置文件 | Demo/AppScope/app.json5 | 应用配置文件，配置包名、版本、图标、名称 |
| AndroidManifest.xml | 清单文件 | Demo/entry/src/main/module.json5 | 模块配置文件，配置应用入口、路由等信息 |
| Application | 应用程序入口 | AbilityStage | 应用程序入口 |
| Activity | UI组件 | UIAbility | UI组件 |
| Navgation | 页面路由 | pages | 页面路由 |
生命周期
在 module.json5 中的 module 节点声明 srcEntry，我们也能和 Android 应用一样配置一个全局的应用程序入口，拥有类似的生命周期方法回调：
import AbilityStage from '@ohos.app.ability.AbilityStage';
export default class DemoAbilityStage extends AbilityStage {
onCreate() {
// 应用启动回调
}
}
而 HarmonyOS 中的UI组件 UIAbility 也和 Android 中的 Activity 有着类似的生命周期：
import UIAbility from '@ohos.app.ability.UIAbility';
import hilog from '@ohos.hilog';
import window from '@ohos.window';
export default class EntryAbility extends UIAbility {
onCreate(want, launchParam) {
// 组件创建
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
}
onDestroy() {
// 组件销毁
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
}
onWindowStageCreate(windowStage: window.WindowStage) {
// window 创建
// Main window is created, set main page for this ability
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
// 设置布局，显示 ets/pages/Index.ets 的布局
windowStage.loadContent('pages/Index', (err, data) => {
if (err.code) {
hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
return;
}
hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
});
}
onWindowStageDestroy() {
// window 销毁
// Main window is destroyed, release UI related resources
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
}
onForeground() {
// 进入前台
// Ability has brought to foreground
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
}
onBackground() {
// 进入后台
// Ability has back to background
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
}
}
HarmonyOS 的 UIAbility 没有 Android 中 Activity 的 onResume onPause 生命周期回调方法，当然如果需要的话还是有方案可以实现的，需要在 onWindowStageCreate 方法里，通过 windowStage 实现：
onWindowStageCreate(windowStage: window.WindowStage) {
windowStage.on('windowStageEvent', (event) => {
// event 取值为枚举类型 window.WindowStageEventType
if(event === window.WindowStageEventType.ACTIVE) {
// 获取焦点
} else {
// 失去焦点
}
})
}
布局
HarmonyOS 使用 ArkTS 作为开发语言，并且提供 ArkTS UI 组件用于UI布局，就像上面 UIAbility 中显示的布局 ets/pages/Index.ets：
@Entry // 声明这个组件可作为页面入口，即在 UIAbility 中加载或进行页面跳转
@Component // 声明这是一个UI组件
struct Index {
@State message: string = 'Hello World'
build() {
// 声明布局
Row() { // 横向布局
Column() { // 竖向布局
Text(this.message) // 文本控件
.fontSize(50)
.fontWeight(FontWeight.Bold)
}
.width('100%') // 宽度铺满
}
.height('100%') // 高度铺满
}
}
上面是新建项目默认生成的布局，效果是在屏幕中间显示 Hello World 文本，更多组件可参考组件参考（基于ArkTS的声明式开发范式。
界面跳转
Pages 跳转
HarmonyOS 生成的项目里，默认只有一个 UIAbility，并通过 windowStage.loadContent 来加载显示布局，因此一种多界面的方式就是编写不同的 Page，在不同的 Page 直接跳转；
首先，我们在 ets/pages 路径下新建一个 Second.ets 文件，并参照 Index.ets 声明布局，并添加按钮用于返回上一级：
import router from '@ohos.router'
@Entry
@Component
struct Second {
@State message: string = 'Second Page'
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
// 添加按钮
Button("点击返回")
.onClick(() => {
// 按钮点击通过 router 返回上一级
router.back()
})
}
.width('100%')
}
.height('100%')
}
}
然后，我们需要在 resources/base/profile/main_pages.json 文件中添加这个界面的声明：
{
"src": [
"pages/Index",
"pages/Second"
]
}
在之前的 Index.ets 布局中添加按钮并配置点击跳转逻辑：
题外话
我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。
【Android思维脑图（技能树）】
知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。
希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展~
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
VVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。
【Android思维脑图（技能树）】
知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。
[外链图片转存中…(img-GIjUm12T-1714570410714)]
希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展~
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
扫一扫
812
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
