先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）

正文

Harmony主打多端协同，所以很重视设备多样性，可面向不同设备创建模板项目

相比AndroidStudio，Harmony提供了更加丰富的项目模板，模板中除了UI以外还提供了部分数据层代码，基本上是一个可以二次开发的APP。

2. 鸿蒙项目结构

---

IDE界面

试着创建了一个News Feature Ability（新闻流）的模板项目，成功在IDE中打开：

IDE窗口与AndroidStudio类似，值得一提的Harmony右边提供的Preview窗口，可以对xml或者Ablitiy文件进行预览，有点Compose的Preview的感觉，但是只能静态预览，无法交互

工程文件

工程文件和Android类似，甚至可以找到一一对应的关系

Harmony	Android	说明
entry	app	默认启动模块（主模块）,相当于app_module
MyApplication	XXXApplication	鸿蒙的MyApplication是AbilityPackage的子类
MainAbility	MainActivity	入口页。鸿蒙中将四大组件的概念统一成Ability
MainAbilityListSlice	XXXFragment	Slice类似Fragment，UI的基本组成单元
Component	View	Component类相当于View，后文介绍
config.json	AndroidManifest.xml	鸿蒙使用json替代xml进行Manifest配置，配置项目差不多
resources/base/…	res/…	包括Layout文件在内的各种资源文件依旧使用xml
resources/rawfile/	assets/	rawfile存储任意格式原始资源，相当于assets
build.gradle	build.gradle	编译脚本，两者一样
build/outpus/…/*.hap	build/outputs/…/*.apk	鸿蒙的产物是hap(harmony application package)
解压后里面有一个同名的.apk文件，
这后续是因为鸿蒙需要同时支持apk安装的兼容方案

Ability

Ability是应用所具备能力的抽象，Harmony支持应用以Ability为单位进行部署。一个应用由一个或多个FA（Feature Ability）或PA（Particle Ability）组成。FA有UI界面，提供与用户交互的能力；而PA无UI界面，提供后台运行任务的能力以及统一的数据访问抽象

• FA支持Page Ability：
• Page Ability用于提供与用户交互的能力。一个Page可以由一个或多个AbilitySlice构成，AbilitySlice之间可以进行页面导航

• PA支持Service Ability和Data Ability:
• Service Ability：用于提供后台运行任务的能力。
• Data Ability：用于对外部提供统一的数据访问抽象。

可以感觉到，各种Ability可以对照Android的四大组件来理解

Harmony	Android
Page Ability （FA）	Activity
Service Ability （PA）	Service
Data Ability（PA）	ContentProvider
AbilitySlice	Fragment

代码一览

MainAbility

以预置的News Feature Ability为例子，这是一个拥有两个Slice的Page Ability，通过Router注册两个Slice

public class MainAbility extends Ability {

@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setMainRoute(MainAbilityListSlice.class.getName()); //添加路由：ListSlice
addActionRoute(“action.detail”, MainAbilityDetailSlice.class.getName());//DetailSlice

…
}
}

以下是在模拟器中运行两个Slice的页面效果

MainAbilityListSlice	MainAbilityDetailSlice

MainAbilityListSlice

主要看一下列表的显示逻辑

public class MainAbilityListSlice extends AbilitySlice {

…

@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_news_list_layout);
initView();
initData(); //加载数据
initListener();
newsListContainer.setItemProvider(newsListAdapter); //Adatper设置到View
newsListAdapter.notifyDataChanged(); //刷新数据
}

private void initListener() {
newsListContainer.setItemClickedListener((listContainer, component, i, l) -> {
//路由跳转"action.detail"
LogUtil.info(TAG, “onItemClicked is called”);
Intent intent = new Intent();
Operation operation = new Intent.OperationBuilder()
.withBundleName(getBundleName())
.withAbilityName(“com.example.myapplication.MainAbility”)
.withAction(“action.detail”)
.build();
intent.setOperation(operation);
startAbility(intent);
});
}

private void initData() {
…
totalNewsDatas = new ArrayList<>();
newsDatas = new ArrayList<>();
initNewsData();//填充newsDatas
newsListAdapter = new NewsListAdapter(newsDatas, this);//设置到Adapter
}

…
}

类似ListView的用法，通过Adatper加载数据; setItemClickedListener中通过路由跳转MainAbilityDetailSlice。

Layout_news_list_layout布局文件定义如下，ListContainer即ListView，是Comopnent的一个子类，Component就是HarmonyOS中的View

<?xml version="1.0" encoding="utf-8"?>

看一下Adapter的实现, 继承自BaseItemProvider

/**

• News list adapter
  */
  public class NewsListAdapter extends BaseItemProvider {
  private List newsInfoList;
  private Context context;

public NewsListAdapter(List listBasicInfo, Context context) {
this.newsInfoList = listBasicInfo;
this.context = context;
}

@Override
public int getCount() {
return newsInfoList == null ? 0 : newsInfoList.size();
}

@Override
public Object getItem(int position) {
return Optional.of(this.newsInfoList.get(position));
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public Component getComponent(int position, Component componentP, ComponentContainer componentContainer) {
ViewHolder viewHolder = null;
Component component = componentP;
if (component == null) {
component = LayoutScatter.getInstance(context).parse(ResourceTable.Layout_item_news_layout, null, false);
viewHolder = new ViewHolder();
Component componentTitle = component.findComponentById(ResourceTable.Id_item_news_title);
Component componentImage = component.findComponentById(ResourceTable.Id_item_news_image);
if (componentTitle instanceof Text) {
viewHolder.title = (Text) componentTitle;
}
if (componentImage instanceof Image) {
viewHolder.image = (Image) componentImage;
}
component.setTag(viewHolder);
} else {
if (component.getTag() instanceof ViewHolder) {
viewHolder = (ViewHolder) component.getTag();
}
}
if (null != viewHolder) {
viewHolder.title.setText(newsInfoList.get(position).getTitle());
viewHolder.image.setScaleMode(Image.ScaleMode.STRETCH);
}
return component;
}

/**

• ViewHolder which has title and image
  */
  private static class ViewHolder {
  Text title;
  Image image;
  }
  }

基本上就是标准的ListAdatper，把View替换成Component而已。

关于模拟器

代码完成后可以再模拟器中运行。关于模拟器有几点想说的：

1. Harmony的模拟器启动非常快，无需下载镜像，因为这个模拟器并非本地运行，而只是一个远端设备的VNC，因此必须在线使用，而且不够流畅时有丢帧现象。虽然真机调试效果更好，但不是人人都买得起P40的

2. 模拟器嵌入到IDE窗口显示（像Preview窗口一样），非独立窗口，这会带来一个问题，当同时打开多个IDE时，模拟器可能会显示在另一个IDE中（就像Logcat跑偏一样）。

3. 想使用模拟器必须进过开发者认证，官方推荐使用银行卡认证。模拟器远端链接的是一台真实设备，难道是为未来租用设备要计费？？记得以前看过一篇文章，如果是来自国外地区的注册账号可以免认证使用模拟器，但是懒得折腾了

3. 开发JS应用

---

除了Java，鸿蒙还支持基于JS开发应用，借助前端技术完善其跨平台能力。

鸿蒙为JS工程提供了多种常用UI组件，但是没有采用当下主流的react、vue那样JS组件，仍然是基于CSS3/HTML5/JS这种传统方式进行开发。JS工程结构如下

目录	说明
common	可选，用于存放公共资源文件，如媒体资源、自定义组件和JS文档等
i18n	可选，用于存放多语言的json文件
pages/index/index.hml	hml文件定义了页面的布局结构，使用到的组件，以及这些组件的层级关系
pages/index/index.css	css文件定义了页面的样式与布局，包含样式选择器和各种样式属性等
pages/index/index.js	js文件描述了页面的行为逻辑，此文件里定义了页面里所用到的所有的逻辑关系，比如数据、事件等
resources	可选，用于存放资源配置文件，比如：全局样式、多分辨率加载等配置文件
app.js	全局的JavaScript逻辑文件和应用的生命周期管理。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

| app.js | 全局的JavaScript逻辑文件和应用的生命周期管理。 |

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）
[外链图片转存中…(img-Q6lLaOoD-1713216460738)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！