目录

退出应用时的动画效果异常

问题现象

退出应用时，退出动效像闪退一样，而非由大变小的退出动画效果。

背景知识

killAllProcesses：终止应用的所有进程，进程退出时不会正常走完应用生命周期。使用Promise异步回调。仅支持主线程调用。
terminateSelf：停止Ability自身，使用callback异步回调。
自定义组件的生命周期，即被@Entry装饰的组件生命周期，提供onBackPress生命周期接口，当用户点击返回按钮或执行侧滑操作时触发。
ProcessManager：提供用于新增进程的抛异常接口。
exit：终止程序。请谨慎使用此接口，此接口调用后应用会退出。

问题定位

排查应用的退出方式，直接采用killAllProcesses()方法会导致应用退出时动效异常。

import { UIAbility } from '@kit.AbilityKit';

export default class MyAbility extends UIAbility {
  onBackground() {
    let applicationContext = this.context.getApplicationContext();
    applicationContext.killAllProcesses();
  }
}

排查应用是否重写了onBackPress()方法，若应用在onBackPress()方法中采用同步退出方式会造成退出动效异常。

@Entry
@Component
struct IndexComponent {
  @State textColor: Color = Color.Black;

  onBackPress() {
    new process.ProcessManager().exit(0);
    return true;
  }

  build() {
    Column() {
      Text('Hello World')
        .fontColor(this.textColor)
        .fontSize(30)
        .margin(30)
    }.width('100%')
  }
}

分析结论

killAllProcesses()方法会杀死应用所在的整个进程，立即结束应用的所有活动。这种退出方式无动画过渡，会造成退出时像闪退一样的动效异常。
应用重写了onBackPress()方法，但在onBackPress()方法中采用同步退出方式，造成退出时像闪退一样的动效异常。

修改建议

修改应用退出方式，建议使用terminateSelf()这种退出方式，它用于停止当前Ability自身，提供了动画过渡，用户体验较好。

import { BusinessError } from '@kit.BasicServicesKit';
import { common } from '@kit.AbilityKit';
@Entry
@Component
struct IndexComponent {
  @State textColor: Color = Color.Black;
  private context = this.getUIContext().getHostContext() as common.UIAbilityContext;

  onPageShow() {
    this.textColor = Color.Blue;
    console.info('IndexComponent onPageShow');
  }

  onPageHide() {
    this.textColor = Color.Transparent;
    console.info('IndexComponent onPageHide');
  }

  onBackPress() {
    this.textColor = Color.Red;
    console.info('IndexComponent onBackPress');
    this.context.terminateSelf((err: BusinessError) => {
      if (err.code) {
        // 处理业务逻辑错误
        console.error(`terminateSelf failed, code is ${err.code}, message is ${err.message}`);
        return;
      }
      // 执行正常业务
      console.info('terminateSelf succeed');
    });
  }

  build() {
    Column() {
      Text('Hello World')
        .fontColor(this.textColor)
        .fontSize(30)
        .margin(30)
    }.width('100%')
  }
}