HarmonyOS Next开发学习手册——旋转屏动画增强

最新推荐文章于 2025-05-12 18:00:26 发布

OpenHarmony_小贾

最新推荐文章于 2025-05-12 18:00:26 发布

阅读量875

点赞数 10

分类专栏：移动开发 HarmonyOS 鸿蒙开发文章标签： harmonyos 学习鸿蒙应用开发 Arkui 音视频

本文链接：https://blog.csdn.net/maniuT/article/details/140162691

版权

在原旋转屏动画基础上，可配置渐隐和渐现的转场效果。

完整的代码示例和效果如下。

// xx.ets
import { display } from '@kit.ArkUI';

@Entry
@Component
struct rotation {
  @StorageLink('orientation') myOrientation: display.Orientation = display.Orientation.PORTRAIT;

  build() {
    Stack() {
      if (this.myOrientation == display.Orientation.PORTRAIT || this.myOrientation == display.Orientation.PORTRAIT_INVERTED) {
        Image($r('app.media.sky'))
          .size({ width: 100, height: 100 })
          .id('image1')
      } else {
        Image($r('app.media.tree'))
          .position({ x: 0, y: 0 })
          .size({ width: 200, height: 200 })
          .id('image2')
      }
    }
    .backgroundColor(Color.White)
    .size({ width: '100%', height: '100%' })
  }
}

需要在EntryAbility.ets文件的onWindowStageCreate方法中添加处理逻辑以获取屏幕的显示方向

onWindowStageCreate(windowStage: window.WindowStage): void {
    // Main window is created, set main page for this ability
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');

    let mainWindow: window.Window;
    try {
      mainWindow = windowStage.getMainWindowSync();
      let displayClass: display.Display = display.getDefaultDisplaySync();
      AppStorage.setOrCreate('orientation', displayClass.orientation);
      // 监听窗口的window