HarmonyOS移动应用开发- 课件 5.页面路由与组件导航

页面路由与组件导航汇报人:Kimi时间:2025.01.01目录/CONTENTS01页面路由与组件导航概述02页面和自定义组件生命周期03页面路由（router）04组件导航（Navigation）05Tabs组件06本章小结页面路由与组件导航概述01概念与优势页面路由定义页面路由用于应用程序中不同页面之间的跳转和数据传递，通过不同的URL地址实现页面切换。组件导航定义组件导航支持在组件内部进行跳转，具备更强的一次开发多端部署能力，可灵活管理页面栈。优势组件导航提供更灵活的页面栈操作、丰富的动效和生命周期管理，推荐使用。页面和自定义组件生命周期02页面生命周期01onPageShow页面每次显示时触发，包括路由过程、应用进入前台等场景。02onPageHide页面每次隐藏时触发，包括路由过程、应用进入后台等场景。03onBackPress用户点击返回按钮时触发，用于处理返回操作。组件生命周期aboutToAppear组件即将出现时回调，执行build()函数之前触发。01onDidBuild组件build()函数执行完成后回调，适合进行不影响UI的功能操作。02aboutToDisappear组件析构销毁之前执行，不允许修改状态变量。03页面路由（router）03页面跳转与返回router.pushUrl目标页面不会替换当前页，而是压入页面栈，可保留当前页状态并返回。router.replaceUrl目标页面会替换当前页并销毁，无法返回到当前页。跳转实例通过配置页面路径和装饰器，实现页面之间的跳转和返回操作。同Ability下的页面跳转跳转方式同一Ability下的页面跳转通过router模块实现，支持多页面管理。Ability定义Ability是包含UI的应用组件，用于与用户交互，一个应用可包含多个Ability。不同Ability下的页面跳转Want对象使用Want对象指定跳转的Ability信息，通过startAbility方法实现跳转。跳转实例创建新模块并配置Ability信息，通过Want对象实现不同Ability之间的跳转。页面跳转时的询问框系统默认询问框使用router.showAlertBeforeBackPage方法设置返回询问框，避免用户误操作。自定义询问框使用promptAction.showDialog或自定义弹窗实现更灵活的询问框。页面跳转时的数据传递数据传递方式使用router.pushUrl或replaceUrl方法，通过params传递数据。数据获取使用router.getParams()方法获取传递的数据，支持页面间数据交互。组件导航（Navigation）04基本概念定义组件导航主要用于页面间及组件内部的跳转，支持灵活的页面栈操作。属性支持设置标题、隐藏标题栏、布局模式等属性。页面与组件间跳转与返回01跳转方法使用NavPathStack对象管理页面栈，通过pushPathByName等方法实现跳转。02返回方法使用pop()方法返回上一页，支持灵活的页面管理。03跳转实例配置系统路由表，通过Builder函数实现页面与组件之间的跳转。页面与组件间的数据传递数据传递使用getParamByName方法获取传递的数据，支持页面与组件间的数据交互。传递实例在页面跳转时传递参数，通过getParamByName获取数据并显示。Tabs组件0501定义Tabs组件用于在一个页面内快速切换视图内容，提升页面空间利用率。02布局包含TabContent和TabBar两部分，支持顶部、底部、侧边导航布局。03属性支持设置页签位置、布局模式、是否纵向等属性。Tabs组件概述Tabs导航布局01顶部导航适用于内容分类较多的场景，方便用户快速切换。02底部导航应用中最常见的导航方式，方便用户单手操作。03侧边导航适用于横屏界面，用于对应用进行导航操作。Tabs导航布局限制导航栏滑动切换在多级分类页面中，限制底部导航的滑动切换，避免冲突。固定导航栏当内容分类固定时，使用固定导航栏，不可滚动。Ability内页面的跳转和数据传递页面跳转使用router模块实现页面跳转，支持多页面管理。数据传递使用params传递数据，通过router.getParams()获取数据，支持页面间数据交互。实战案例以教学系统为例，实现师资介绍页面的跳转和数据传递，展示完整流程。本章小结06知识点回顾生命周期管理详细说明了页面和自定义组件的生命周期，包括各个生命周期接口的作用。页面路由与组件导航介绍了页面路由和组件导航的基本概念、优势及使用场景。页面跳转与数据传递讲解了页面跳转的方法、不同Ability下的跳转、页面跳转时的询问框及数据传递。组件导航与Tabs组件介绍了组件导航的使用、页面与组件间的跳转与数据传递、Tabs组件的布局及导航方式。习题选择题