鸿蒙切屏监听

鸿蒙切屏监听

前言

自从有了分屏功能，页面的生命周期就变得复杂些了，比如在Android里面仅仅监听onResume就不能判断用户是否查看了其他页面，这就需要其他的手段，鸿蒙同样也有这个问题，这里记录下。

页面生命周期

关于这部分可以去官方文档看下:

页面和自定义组件生命周期

下面这张是页面的生命周期图:

这个对于一般的功能开发来说是够用了，但是要是遇到分屏，比如考试作弊判断上就不行了。

windowStage

既然页面的生命周期不够用，我们就要想其他办法了，这里我用的是windowStage，它能监控很多变化，具体可以看下这个:

UIAbility组件生命周期

下面是窗口的生命周期对应图:

我们只要判断当前页面的INACTIVE状态，就可以知道用户做了切屏操作，这里下拉通知栏也会触发。

获取windowStage

要对窗口进行监听，首先我们要获取到这个windowStage，这里需要在EntryAbility获取:

export default class EntryAbility extends UIAbility {

 onWindowStageCreate(windowStage: window.WindowStage): void {
    windowStage.loadContent('pages/splash/SplashPage', (err) => {
      if (err.code) {
       return;
      }
      
      // 保存windowStage，便于页面获取
      AppStorage.setOrCreate('windowStage', windowStage);
    });
  }
}

这里我需要在别的地方使用，就需要把windowStage保存到AppStorage去，通过下面方法可以取到这个值:

// 获取windowStage
let windowStage: window.WindowStage | undefined = AppStorage.get('windowStage');

监听windowStage

上面我们将windowStage保存到AppStorage了，在要用到的页面取出来就可以监听窗口变化了:

  /**
   * 启动监听窗口状态
   *
   * @param windowStage 窗口状态
   */
  startWindowStageListen(windowStage: window.WindowStage) {
    windowStage.on('windowStageEvent', (data) => {
      // 根据事件状态类型选择进行相应的处理
      if (data == window.WindowStageEventType.SHOWN) {
        LogUtil.d('current window stage event is SHOWN');
        // 应用进入前台，默认为可交互状态
        // ...
      } else if (data == window.WindowStageEventType.HIDDEN) {
        LogUtil.d('current window stage event is HIDDEN');
        // 应用进入后台，默认为不可交互状态
        // ...
      } else if (data == window.WindowStageEventType.ACTIVE) {
        LogUtil.d('current window stage event is ACTIVE');
        // 前台激活状态，表示当前窗口已显示，并获取焦点
        // ...
      } else if (data == window.WindowStageEventType.INACTIVE) {
        LogUtil.d('current window stage event is INACTIVE');
        // 失去焦点状态，表示当前窗口已显示但是无焦点状态。

        // 分屏或悬浮窗必定触发INACTIVE状态
        this.onWindowChanged();


      } else if (data == window.WindowStageEventType.PAUSED) {
        LogUtil.d('current window stage event is PAUSED');
        // 前台应用进入多任务，转为不可交互状态
        // ...
      } else if (data == window.WindowStageEventType.RESUMED) {
        LogUtil.d('current window stage event is RESUMED');
        // 进入多任务后又继续返回前台时，恢复可交互状态
        // ...
      }
    });
  }

这里我们在INACTIVE状态触发切屏动作:

  private count = 0;
  private onWindowChanged() {
    this.count++;
    
    // 其他操作
    if(this.count > 3) {
        
    }
  }

上面多种状态我这也用log打印出来了，读者可以试下效果，看看和aboutToAppear的区别。

小结

用windowStage做了一个检测屏幕切屏次数的小功能，通过监听window的INACTIVE状态，可以感知下拉通知栏、打开小窗口等动作。