应用内的生命周期流转

export default class EntryAbility extends UIAbility { 
    Logger.info('Ability onCreate') 
    // 缓存应用状态： context 
    AppStorage.setOrCreate('context', this.context) 
    let startParams = ['StartupTask_005'] 
    try { 
      startupManager.run(startParams).then(() => { 
        Logger.info(`StartupTest startupManager run then, startParams = ${JSON.stringify(startParams)}`) 
      }).catch((error: BusinessError) => { 
        Logger.error(`StartupTest promise catch error, error = ${JSON.stringify(error)}; StartupTest promise catch error, startParams = ${JSON.stringify(startParams)}`) 
      }) 
    } catch (error) { 
      Logger.error(`Startup catch error , err = ${JSON.stringify(error)}`) 
    } 
  //... 
}

// 设置全局变量/注册自定义字体  
onWindowStageCreate(windowStage: window.WindowStage): void { 
  Logger.info('Ability onWindowStageCreate') 
  // 缓存应用状态： windowStage 
  AppStorage.setOrCreate('windowStage', windowStage) 
  // 获取应用权限 
  reqPermissionsFromUser(permissions, this.context) 
  // 启动页,广告页,欢迎页加载 
  windowStage.loadContent('pages/Welcome/Welcome', (err) => { 
    if (err.code) { 
      Logger.error(`Failed to load the content, err = ${JSON.stringify(err)}`) 
      return 
    } 
    // 注册全局字体 
    FontRegister.registerCustomFont() 
    Logger.info('Succeeded in loading the content') 
  }) 
}
// 其他模块使用 
import { common } from '@kit.AbilityKit'; 
import { window } from '@kit.ArkUI'; 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  context: common.UIAbilityContext | null = AppStorage.get('context') || null 
  @StorageLink('windowStage') windowStage: window.WindowStage | null = AppStorage.get('windowStage') || null 
  // ... 
}

import { common } from '@kit.AbilityKit'; 
import Logger from '../Utils/Logger' 
import { window } from '@kit.ArkUI'; 
import { BusinessError } from '@kit.BasicServicesKit'; 
import { getProjectList } from '../api/index' 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  context: common.UIAbilityContext | null = AppStorage.get('context') || null 
  @StorageLink('windowStage') windowStage: window.WindowStage | null = AppStorage.get('windowStage') || null 
  subWindowClass: window.Window | null = null; 
  @State loading: boolean = false 
  @State list: string[] = [] 
  private appCtx: common.Context | undefined 
  private msgText: string = '我是消息' 
  private msgId: number = 0 
 
  aboutToAppear(): void { 
    // 获取appContext 信息 
    this.getAppCtx() 
    // 获取应用数据 
    this.initList() 
  } 
 
  getAppCtx() { 
    try { 
      this.appCtx = this.context?.getApplicationContext() 
      Logger.info(`applicationContext : ${JSON.stringify(this.appCtx)}`) 
    } catch (error) { 
      Logger.error(`getApplicationContext failed, error.code: ${error.code}, error.message: ${error.message}`) 
    } 
    Logger.info(`windowStage : ${JSON.stringify(this.windowStage)}`) 
  } 
 
  onPageShow(): void { 
    this.initList() 
  } 
 
  /* 获取业务数据 */ 
  async initList() { 
    this.loading = true 
    const res = await getProjectList() 
    this.loading = false 
    if (res.code === 200 && res.data) { 
      this.list = res.data 
    } 
  } 
 
  //... 
}

import Util from '../Utils/Util' 
import Logger from '../Utils/Logger' 
import { MapComponent, mapCommon, map } from '@kit.MapKit' 
import { AsyncCallback, BusinessError } from '@kit.BasicServicesKit' 
import geoLocationManager from '@ohos.geoLocationManager' 
import abilityAccessCtrl, { Permissions } from '@ohos.abilityAccessCtrl' 
 
@Entry 
@Component 
struct WindowPage { 
  @State message: string = '子窗口'; 
  @State currentTime: string = Util.getCurrentTime() 
  timer: number | null = null 
  /* 地图相关 */ 
  TAG = "HuaweiMapDemo" 
  mapOption?: mapCommon.MapOptions 
  callback?: AsyncCallback<map.MapComponentController> 
  mapController?: map.MapComponentController 
  // 纬度 
  @State lat: Number = -1 
  //经度 
  @State lng: Number = -1 
 
  aboutToAppear(): void { 
    // 应用授权 
    this.requestLocationPermissions() 
    // 初始化地图 
    this.initMapOption() 
  } 
 
  onPageShow(): void { 
    Logger.info(`onPageShow`) 
    this.timer = setInterval(() => { 
      this.currentTime = Util.getCurrentTime() 
      Logger.info('当前时间： ', `${this.currentTime}`) 
    }, 1000) 
    this.getLocation() 
    Logger.info(`开启定时器`, '') 
  } 
 
  onPageHide(): void { 
    Logger.info(`onPageHide`) 
  } 
 
  aboutToDisappear(): void { 
    Logger.info(`aboutToDisappear`) 
    this.timer && clearInterval(this.timer) 
    Logger.info(`页面销毁-关闭定时器： ${this.timer}`) 
  } 
 
  initMapOption() { 
    // 地图初始化参数,设置地图中心点坐标及层级 
    this.mapOption = { 
      position: { 
        target: { 
          latitude: 39.9, 
          longitude: 116.4 
        }, 
        zoom: 10 
      } 
    } 
 
    // 地图初始化的回调 
    this.callback = async (err, mapController) => { 
      if (!err) { 
        // 获取地图的控制器类,用来操作地图 
        this.mapController = mapController 
        this.mapController.on("mapLoad", () => { 
          console.info(this.TAG, `on-mapLoad`); 
        }) 
 
        // 执行自定义的方法 
        this.customizedMethod() 
      } 
    } 
  } 
 
  /* 获取当前经纬度 */ 
  getLocation() { 
    Logger.info('获取定位权限') 
    let requestInfo: geoLocationManager.CurrentLocationRequest = { 
      priority: 0x203, 
      scenario: geoLocationManager.LocationRequestScenario.DAILY_LIFE_SERVICE, 
      maxAccuracy: 1000, 
      timeoutMs: 5000 
    } 
    if (geoLocationManager.isLocationEnabled()) { 
      Logger.info('A:定位已使能') 
    } else { 
      Logger.info('A:定位未使能') 
    } 
    try { 
      geoLocationManager.getCurrentLocation(requestInfo, (err, location) => { 
        if (err) { 
          Logger.error(`定位失败,失败原因为：${err.message}`) 
          return 
        } 
        console.info('位置获取成功') 
 
        this.lat = location.latitude 
        this.lng = location.longitude 
        console.info('this.lat = ' + this.lat) 
        console.info('this.lng = ' + this.lng) 
      }) 
    } catch (err) { 
      Logger.error(`报错原因为: ${err}`) 
    } 
  } 
 
  private requestLocationPermissions() { 
    const permissions: Array<Permissions> = ["ohos.permission.APPROXIMATELY_LOCATION", "ohos.permission.LOCATION"] 
    let atManager = abilityAccessCtrl.createAtManager() 
    // requestPermissionsFromUser会判断权限的授权状态来决定是否唤起弹窗 
    atManager.requestPermissionsFromUser(getContext(this), permissions).then((data) => { 
      let grantStatus: Array<number> = data.authResults 
      let length: number = grantStatus.length 
      for (let i = 0; i < length; i++) { 
        if (grantStatus[i] === 0) { 
          // 用户授权,可以继续访问目标操作 
          return 
        } else { 
          // 用户拒绝授权,提示用户必须授权才能访问当前页面的功能,并引导用户到系统设置中打开相应的权限 
          return; 
        } 
      } 
    }).catch((err: BusinessError) => { 
      Logger.error(`requestPermissionsFromUser failed, code is ${err.code}, message is ${err.message}`) 
    }) 
  } 
 
  //... 
}

import { common } from '@kit.AbilityKit'; 
import { router, window } from '@kit.ArkUI'; 
import { BusinessError } from '@kit.BasicServicesKit'; 
import { getProjectList } from '../api/Index'; 
import { emitter } from '@kit.BasicServicesKit'; 
import { MsgComp } from '../pages/components/CustomComp/CustomComp'; 
import Logger from '../Utils/Logger'; 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  context: common.UIAbilityContext | null = AppStorage.get('context') || null; 
  @StorageLink('windowStage') windowStage: window.WindowStage | null = AppStorage.get('windowStage') || null; 
  subWindowClass: window.Window | null = null; 
  @State loading: boolean = false; 
  @State list: string[] = []; 
  @State showComp: boolean = false; 
  @State msgTimerId: number | undefined = undefined; 
  private appCtx: common.Context | undefined; 
  private msgText: string = '我是消息'; 
  private msgId: number = 0; 
 
  changeCustomComp() { 
    this.showComp = !this.showComp 
    if (!this.showComp) { 
      this.closeTimer() 
    } 
  } 
 
  changeMsg() { 
    if (!this.msgTimerId) { 
      this.startMsg() 
    } else { 
      this.closeTimer() 
    } 
  } 
 
  startMsg() { 
    this.msgTimerId = setInterval(() => { 
      this.msgId++ 
      const eventData: emitter.EventData = { 
        data: { 
          "content": this.msgText + this.msgId, 
        } 
      } 
      Logger.info('发送消息：', JSON.stringify(eventData)) 
      emitter.emit('emitterMsg', eventData) 
    }, 1000) 
  } 
 
  closeTimer() { 
    this.msgTimerId && clearInterval(this.msgTimerId) 
    this.msgTimerId = undefined 
    this.msgId = 0 
  } 
 
  //... 
}

import { emitter } from '@kit.BasicServicesKit'; 
import Logger from '../../../Utils/Logger'; 
import type { EmitterEventData } from '../../../types/common.d'; 
 
 
@Component 
export struct MsgComp { 
  @State msg: string | undefined = '--' 
 
  aboutToAppear(): void { 
    // 订阅消息 
    emitter.on('emitterMsg', (e: emitter.EventData) => { 
      Logger.info(`收到消息：${JSON.stringify(e)}`) 
      const data: EmitterEventData | undefined = e.data 
      if (data) { 
        this.msg = data.content 
      } 
    }) 
  } 
 
  aboutToDisappear(): void { 
    // 取消订阅 
    emitter.off('emitterMsg') 
    Logger.info('取消订阅') 
  } 
 
  build() { 
    Column() { 
      Row() { 
        Text('我是自定义组件') 
      }.width('100%').height('50%') 
 
      Row() { 
        Text(`这是我订阅的消息: ${this.msg}`).margin({ 
          top: 10 
        }) 
      }.width('100%').height('50%') 
    } 
    .width('100%') 
    .height(100) 
    .border({ 
      width: 1, 
    }) 
  } 
}

// 该示例演示NavDestination的生命周期时序。 
 
// 该示例演示NavDestination的生命周期时序。 
import { router } from '@kit.ArkUI' 
import Logger from '../../Utils/Logger' 
 
@Builder 
export function pagesMap(name: string, param: Object) { 
  if (name === 'page1') { 
    Page1() 
  } else if (name === 'page2') { 
    Page2() 
  } else if (name === 'page3') { 
    Page3() 
  } 
} 
 
@Component 
struct Page1 { 
  @State eventStr: string = '' 
  private stack: NavPathStack | null = null 
  build() { 
    NavDestination() { 
      Column() { 
        Text('event: ' + this.eventStr) 
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            if (this.stack) { 
              this.stack.pushPath({ name: 'page2' }) 
            } 
          }) 
        Button('pop', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            this.stack?.pop() 
          }) 
 
        Button('replace', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            this.stack?.replacePath({ name: 'page2' }) 
          }) 
 
        Button('clear', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            this.stack?.clear() 
          }) 
      } 
      .width('100%') 
      .height('100%') 
    } 
    .title('page1') 
    .onAppear(() => { 
      this.eventStr += '<onAppear>' 
      Logger.info('NavDestination-life-page1: onAppear') 
    }) 
    .onDisAppear(() => { 
      this.eventStr += '<onDisAppear>' 
      Logger.info('NavDestination-life-page1: onDisAppear') 
    }) 
    .onShown(() => { 
      this.eventStr += '<onShown>' 
      Logger.info('NavDestination-life-page1: onShown') 
      if (this.stack) { 
        Logger.info(`页面栈长度： ${this.stack.size().toString()}`) 
      } 
    }) 
    .onHidden(() => { 
      this.eventStr += '<onHidden>' 
      Logger.info('NavDestination-life-page1: onHidden') 
    }) 
    // onReady会在onAppear之前调用 
    .onReady((ctx: NavDestinationContext) => { 
      try { 
        this.eventStr += '<onReady>' 
        this.stack = ctx.pathStack 
        Logger.info('NavDestination-life-page1: onReady') 
      } catch (e) { 
        Logger.info(`testTag onReady catch exception: ${JSON.stringify(e)}`) 
      } 
    }) 
  } 
} 
 
@Component 
struct Page2 { 
  @State eventStr: string = '' 
  private stack: NavPathStack | null = null 
  build() { 
    NavDestination() { 
      Column() { 
        Text('event: ' + this.eventStr) 
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            if (this.stack) { 
              this.stack.pushPath({ name: 'page3' }) 
            } 
          }) 
      } 
      .width('100%') 
      .height('100%') 
    } 
    .title('page2') 
    .onAppear(() => { 
      this.eventStr += '<onAppear>' 
      Logger.info('NavDestination-life-page2: onAppear') 
    }) 
    .onDisAppear(() => { 
      this.eventStr += '<onDisAppear>' 
      Logger.info('NavDestination-life-page2: onDisAppear') 
    }) 
    .onShown(() => { 
      this.eventStr += '<onShown>' 
      Logger.info('NavDestination-life-page2: onShown') 
      if (this.stack) { 
        Logger.info(`页面栈长度： ${this.stack.size().toString()}`) 
      } 
    }) 
    .onHidden(() => { 
      this.eventStr += '<onHidden>' 
      Logger.info('NavDestination-life-page2: onHidden') 
    }) 
    // onReady会在onAppear之前调用 
    .onReady((ctx: NavDestinationContext) => { 
      try { 
        this.eventStr += '<onReady>' 
        this.stack = ctx.pathStack 
        Logger.info('NavDestination-life-page2: onReady') 
      } catch (e) { 
        Logger.info(`testTag onReady catch exception: ${JSON.stringify(e)}`) 
      } 
    }) 
  } 
} 
 
@Component 
struct Page3 { 
  @State eventStr: string = '' 
  private stack: NavPathStack | null = null 
  build() { 
    NavDestination() { 
      Column() { 
        Text('event: ' + this.eventStr) 
        Button('replacePath', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            if (this.stack) { 
              this.stack.replacePath({ name: 'page2' }) 
            } 
          }) 
 
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            if (this.stack) { 
              this.stack.replacePath({ name: 'page1' }) 
            } 
          }) 
 
        Button('to Index', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            router.pushUrl({ 
              url: 'pages/NavPage/NavPage' 
            }) 
          }) 
        Button('clear', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            if (this.stack) { 
              console.log('点击clear') 
              this.stack.clear() 
            } 
          }) 
      } 
      .width('100%') 
      .height('100%') 
    } 
    .title('page3') 
    .onAppear(() => { 
      this.eventStr += '<onAppear>' 
      console.log(`NavDestination-life-page3: onAppear`) 
    }) 
    .onDisAppear(() => { 
      this.eventStr += '<onDisAppear>' 
      console.log(`NavDestination-life-page3: onDisAppear`) 
    }) 
    .onShown(() => { 
      this.eventStr += '<onShown>' 
      console.log(`NavDestination-life-page3: onShown`) 
      if (this.stack) { 
        console.log(`页面栈长度： ${this.stack.size().toString()}`) 
      } 
 
    }) 
    .onHidden(() => { 
      this.eventStr += '<onHidden>' 
      console.log(`NavDestination-life-page3: onHidden`) 
    }) 
    // onReady会在onAppear之前调用 
    .onReady((ctx: NavDestinationContext) => { 
      try { 
        this.eventStr += '<onReady>' 
        this.stack = ctx.pathStack 
        console.log(`NavDestination-life-page3: onReady`) 
 
      } catch (e) { 
        console.log(`testTag onReady catch exception: ${JSON.stringify(e)}`) 
      } 
    }) 
  } 
} 
 
@Entry 
@Component 
struct NavPage { 
  private stack: NavPathStack = new NavPathStack() 
 
  build() { 
    Navigation(this.stack) { 
      Column() { 
        Button('pushPath', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            this.stack.pushPath({ name: 'page1' }) 
          }) 
 
        Button('clear', { stateEffect: true, type: ButtonType.Capsule }) 
          .width('80%') 
          .height(40) 
          .margin(20) 
          .onClick(() => { 
            this.stack?.clear() 
          }) 
      } 
      .width('100%') 
      .height('100%') 
    } 
    .width('100%') 
    .height('100%') 
    .title('Navigation') 
    .navDestination(pagesMap) 
  } 
}