HarmonyOS NEXT动态路由，HarmonyOS鸿蒙400道面试题通关宝典助你进大厂_业界新闻

发布时间:2024-07-19 03:40

阅读量:2

注册动态路由跳转的页面信息

public static registerRouterPage(routerInfo: RouterInfo, wrapBuilder: WrappedBuilder<[object]>) {
let builderName: string = routerInfo.moduleName + “/” + routerInfo.pageName;
if (!DynamicsRouter.getBuilder(builderName)) {
DynamicsRouter.registerBuilder(builderName, wrapBuilder);
}
}

动态路由的使用

下面以eventpropagation模块举例说明如何使用动态路由加载子模块页面。

在工程的根目录的build-profile.json5中添加动态路由模块和需要加载的子模块的依赖，详细代码参考build-profile.json5。

{
“app”:{
…
}
“modules”:{
…
{
“name”: “eventpropagation”,
“srcPath”: “./feature/eventpropagation”
},
{
“name”: “routermodule”,
“srcPath”: “./feature/routermodule”
}
…
}
}

在主模块中添加动态路由和需要加载的子模块的依赖，详细代码请参考oh-package.json。

“dependencies”: {
“@ohos/dynamicsrouter”: “file:…/…/feature/routermodule”,
“@ohos/event-propagation”: “file:…/…/feature/eventpropagation”,
…
}

在主模块中添加动态import变量表达式需要的参数，此处在packages中配置的模块名必须和oh-package.json中配置的名称相同，详细代码请参考build-profile.json5。

…
“buildOption”: {
“arkOptions”: {
“runtimeOnly”: {
“packages”: [
“@ohos/event-propagation”,
…
]
}
}
}

在routermodule模块中添加动态路由跳转的moduleName（模块名）和pageName（页面名），RouterInfo中配置的moduleName必须和oh-package.json中配置的名称相同，RouterInfo中添加的pageName是子模块中需要加载的页面，详细代码请参考RouterInfo.ets。

export class RouterInfo {
moduleName: string = ‘’;
pageName: string = ‘’;

constructor(moduleName: string, pageName: string) {
this.moduleName = moduleName;
this.pageName = pageName;
}
…
static readonly EVENT_TRANSMISSION_SOLUTION: RouterInfo = new RouterInfo(‘@ohos/event-propagation’, ‘EventPropagation’);
…
}

在主模块中注册路由，并添加页面信息，详细代码请参考EntryView.ets。

…
@Provide(‘pageStack’) pageStack: NavPathStack = new NavPathStack();
@State listData: SceneModuleInfo[] = waterFlowData;
…
aboutToAppear(): void {
DynamicsRouter.createNavPathStack(this.pageStack);
…
}
…

在主模块的WaterFlowData.ets中，将子模块要加载的页面，添加到列表中，详细代码请参考WaterFlowData.ets。

export const waterFlowData: SceneModuleInfo[] = [
…
new SceneModuleInfo($r(“app.media.event_propagation”), ‘阻塞事件冒泡’, RouterInfo.EVENT_TRANSMISSION_SOLUTION, ‘其他’, 1),
…
}

在需要加载时将页面放入路由栈，详细代码请参考FunctionalScenes.ets。

@Builder
methodPoints(listData: ListData) {
Column() {
…
.onClick(() => {
DynamicsRouter.push(listData.routerInfo, listData.param);
})
}

在子模块中添加动态路由的依赖，详细代码可参考oh-package.json。

…
“dependencies”: {
…
“@ohos/dynamicsrouter”: “file:…/…/feature/routermodule”
}

在子模块中添加动态加载页面组件的接口harInit，其中pageName和RouterInfo中配置的pageName相同，import()接口中传入的参数，是页面的相对路径。详细代码可参考Index.ets。如果模块中有多个页面需要跳转，则需要配置多个pageName和页面路径，并且pageName和页面路径需要一一对应，否则无法跳转到预期中的页面，可参考barchart模块中的Index.ets文件。

export function harInit(pageName: string) {
switch (pageName) {
case RouterInfo.EVENT_TRANSMISSION_SOLUTION.pageName:
import(‘./src/main/ets/view/EventPropagation’);
break;
}
}

在子模块中添加动态创建组件的方法，并注册到动态路由中，详细代码可参考EventPropagation.ets。

…
@Builder
export function getEventPropagation(): void {
EventPropagation();
}

DynamicsRouter.registerRouterPage(RouterInfo.EVENT_TRANSMISSION_SOLUTION, wrapBuilder(getEventPropagation));

如果7中设置的router.param是非空的，需要给10中的@Buidler接口添加参数，否则会报错，详细代码请参考NavigationParameterTransferView。

…
@Builder
export function getNavigationParameterTransferView(param: ESObject): void {
NavigationParameterTransferView();
}
…

子模块中的两个页面需要使用动态路由进行跳转时，则不需要执行6，即不需要将页面添加到首页数据中。

高性能知识点

本示例使用动态import的方式加载模块，只有需要进入页面时才加载对应的模块，减少主页面启动时间和初始化效率，减少内存的占用。

工程结构&模块类型

模块依赖

不涉及

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。

这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）**技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员，可以直接领取这份资料

获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料****

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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