可用于学习和实践 HarmonyOS 应用内页面跳转场景，展示 HMRouter 路由框架在多端部署、路由拦截、生命周期配置及转场动画等场景的使用，帮助开发者简化跳转逻辑，降低实现复杂度。【此简介由AI生成】

文件	最后提交记录	最后更新时间
AppScope	sample init	1 年前
entry	scroll组件配置底部间隔 Signed-off-by: zzjdh <2192064613@qq.com>	1 个月前
hvigor	sample init	1 年前
screenshots	调整图片大小	2 个月前
.gitignore	补充readme	1 年前
LICENSE	add LICENSE. Signed-off-by: lidra <7802178+lidra@user.noreply.gitee.com>	1 年前
OAT.xml	静态检查修改 Signed-off-by: zzjdh <2192064613@qq.com>	2 个月前
README.md	readme目录工程说明修改结构 Signed-off-by: zzjdh <2192064613@qq.com>	1 个月前
README_en.md	readme目录工程说明修改结构 Signed-off-by: zzjdh <2192064613@qq.com>	1 个月前
build-profile.json5	添加targetSdkVersion字段 Signed-off-by: libra0408 <593507091@qq.com>	7 个月前
code-linter.json5	sample init	1 年前
hmrouter_config.json	添加hmrouter_config.json配置	1 年前
hvigorfile.ts	sample init	1 年前
oh-package.json5	sample init	1 年前

基于HMRouter的页面跳转

项目简介

本示例展示了使用HMRouter路由框架在各种页面跳转场景中的使用，覆盖场景

一次开发多端部署
路由跳转及拦截跳转场景
生命周期配置使用场景
转场动画配置使用场景

效果预览

工程目录

├─entry/src/main/ets                        // 代码区
├──animation                                // 自定义动画
│  ├──CustomCutToAnimator.ets
│  ├──CustomDifferentTransition.ets
|  └──CustomPageAnimator.ets
├──component                                // HMRouter页面代码
|  ├──common
|  |  ├──ConfirmDialog.ets
|  |  ├──ReturnHeader.ets
|  |  ├──constants
|  |  |  ├──BreakpointConstants.ets
|  |  |  ├──CommonConstants.ets
|  |  |  ├──DetailConstants.ets
|  |  |  ├──HomeConstants.ets
|  |  |  ├──LiveConstants.ets
|  |  |  ├──LoginConstants.ets
|  |  |  ├──MineConstants.ets
|  |  |  ├──PayConstants.ets
|  |  |  └──ShoppingBagConstants.ets
|  |  └──utils
|  |     ├──BreakpointType.ets
|  |     ├──ResourceUtil.ets
|  |     └──SelectAnimatorItem.ets
|  ├──home
|  |  ├──Categories.ets
|  |  ├──CommonView.ets
|  |  ├──HomeContent.ets
|  |  ├──HomeHeader.ets
|  |  ├──RecommendedProductView.ets
|  |  └──WelfareView.ets
|  ├──live
|  |  ├──Comment.ets
|  |  ├──CommentInput.ets
│  │  ├──DialogAnimator.ets
|  |  ├──Live.ets
|  |  ├──LiveCommentFooter.ets
|  |  ├──LiveComments.ets
|  |  ├──LiveCommentsHeader.ets
|  |  ├──LiveHome.ets
|  |  ├──LiveMaskLayer.ets
|  |  ├──LiveShopList.ets
|  |  ├──LiveVideo.ets
|  |  └──LiverHeader.ets
|  ├──login
|  |  └──LoginPage.ets
|  ├──mine
|  |  ├──AnimatorTransition.ets
|  |  ├──ExitLogin.ets
|  |  ├──MineContent.ets
|  |  └──MineSettings.ets
|  ├──pay
|  |  ├──PayCancel.ets
|  |  ├──PayCard.ets
|  |  ├──PayDialogContent.ets
|  |  └──PaySuccessPageComponent.ets
|  ├──privacy
|  |  ├──PrivacyDialogDetail.ets
|  |  └──PrivacyPageContent.ets
|  ├──product
|  |  ├──ProductContent.ets
|  |  └──elements
|  |     ├──ProductContent.ets
|  |     ├──ProductDetail.ets
|  |     └──ProductUtilView.ets
|  ├──shoppingBag
|  |  ├──ShoppingBagContent.ets
|  |  ├──ShoppingNavModifier.ets
|  |  └──components
|  |     ├──DetailShoppingBagView.ets
|  |     ├──ShoppingBagCard.ets
|  |     ├──ShoppingBagContentNavBar.ets
|  |     ├──ShoppingBagDiscounts.ets
|  |     ├──ShoppingBarView.ets
|  |     ├──ShoppingCardFoot.ets
|  |     └──ShoppingCardItem.ets
|  └──viewmodel
|     ├──FooterTabViewModel.ets
|     ├──IconInfoViewModel.ets
|     ├──LiveCommentsModel.ets
|     ├──LiveViewModel.ets
|     ├──PayCardViewModel.ets
|     ├──RecommendedProductViewModel.ets
|     ├──SectionProductsViewModel.ets
|     └──ShoppingBagListViewModel.ets
├──constant                                    // 页面常量
|  └──PageConstant.ets
├──entryability                                // 程序入口
|  └──EntryAbility.ets
├──entrybackupability
|  └──EntryBackupAbility.ets
├──interceptor                                 // 全局拦截器
|  ├──JumpInfoInterceptor.ets
|  ├──LoginCheckInterceptor.ets
|  └──LoginStatusInterceptor.ets
├──lifecycle                                   // 生命周期
|  ├──ExitAppLifecycle.ets
|  ├──PageDurationLifecycle.ets
|  ├──RemoveBackAnimation.ets
|  └──WelcomeLifecycle.ets
├──pages                                       // HMNavigation入口
|  └──Index.ets
|  └──MainPage.ets
├─segment
│  └──segment1.ets
└──service                                     // 服务路由
   └──ServiceSample.ets