鸿蒙应用开发-路由与生命周期

1. 路由-常用API

怎么新建页面，怎么跳转和回退操作

• 新建页面 pages/DetailPage.ets

@Entry
@Component
struct DetailPage {
 build() {
   Column({ space: 15 }) {
     Text('Detail Page')
       .fontSize(40)
     Button('Back')
   }
   .height('100%')
   .width('100%')
   .justifyContent(FlexAlign.Center)
 }
}

• profile 目录创立 main_pages

#src/main/resources/base/profile/main_pages.json
{
 "src": [
   "pages/Index",
+    "pages/DetailPage"
 ]
}

TIP

• 手动新建一个页面（ets）文件，需求在 main_pages.json 中手动装备

• 能够自动创立

  

• 跳转与撤退 API
  1. 跳转 router.pushUrl()
  2. 撤退router.back()
  3.替换跳转 router.replaceUrl()

import router from '@ohos.router'
@Entry
@Component
struct Index {
 build() {
   Column({ space: 15 }) {
     Text('Index Page')
       .fontSize(40)
     Button('Jump To Detail Page')
       .onClick(() => {
         // 1. 跳转，压入页面栈顶部
         // router.pushUrl({
         //   url: 'pages/DetailPage'
         // })
         // 2. 跳转，替换当时页面栈
         // router.replaceUrl({
         //   url: 'pages/DetailPage'
         // })
         // 3. 回来
         // router.back()
       })
   }
   .height('100%')
   .width('100%')
   .justifyContent(FlexAlign.Center)
 }
}

页面栈的最大容量为32个页面。如果超越这个限制，能够调用 router.clear() 方法清空历史页面栈，开释内存空间。

2. 路由-参数传递

• 传参

import router from '@ohos.router'
class User {
 name: string
 age: number
}
@Entry
@Component
struct Index {
 @State
 user: User = {
   name: 'jack',
   age: 18
 }
 build() {
   Column({ space: 15 }) {
     Text('Index Page')
       .fontSize(40)
     Button('Jump To Detail Page')
       .onClick(() => {
         router.pushUrl({
           url: 'pages/DetailPage',
           params: this.user
         })
       })
   }
   .height('100%')
   .width('100%')
   .justifyContent(FlexAlign.Center)
 }
}

• 获取

import router from '@ohos.router'
import promptAction from '@ohos.promptAction'
@Entry
@Component
struct DetailPage {
 aboutToAppear() {
   const params = router.getParams()
   promptAction.showToast({ message: params['name'] + params['age'] })
 }
 build() {
   Column({ space: 15 }) {
     Text('Detail Page')
       .fontSize(40)
     Button('Back')
       .onClick(() => {
         router.back()
       })
   }
   .height('100%')
   .width('100%')
   .justifyContent(FlexAlign.Center)
 }
}

3. UIAbility-生命周期

当用户翻开、切换和回来到对应使用时，使用中的UIAbility实例会在其生命周期的不同状况之间转换。

1.UIAbility实例创立完成时触发，体系会调用 onCreate() 回调。

• 能够在该回调中进行使用初始化操作，例如变量定义资源加载等，用于后续的UI界面展示。

2.onForeground() 回调，在 UIAbility 的UI界面可见之前，如 UIAbility切换至前台时触发。

• 能够在 onForeground() 回调中请求体系需求的资源，或许重新请求在 onBackground() 中开释的资源。

3. onBackground()回调，在 UIAbility 的UI界面完全不可见之后，如 UIAbility 切换至后台时候触发。

• 能够在 onBackground() 回调中开释UI界面不可见时无用的资源，或许在此回调中执行较为耗时的操作，例如状况保存等

4.Destroy 状况在UIAbility 实例销毁时触发，体系会调用 onDestroy() 回调。

• 能够在该回调中进行体系资源的开释、数据的保存等操作。

4. UIAbility跳转

• UIAbility组件是体系调度的基本单元，为使用供给绘制界面的窗口；
• 一个UIAbility组件中能够经过多个页面来实现一个功能模块；
• 每一个UIAbility组件实例，都对应于一个最近使命列表中的使命。

Button('Jump To PayAbility Page')
 .onClick(() => {
   const context = getContext(this) as common.UIAbilityContext
   const want: Want = {
     bundleName: 'com.itcast.myapplication',
     abilityName: 'PayAbility'
   }
   context.startAbility(want)
 })
Button('Back')
 .onClick(() => {
   router.back()
 })

重视大众号：Android老皮！！！欢迎大家来找我讨论交流