HarmonyOS鸿蒙Next中如何实现路由跳转之后直接横屏而非有一个横屏转竖屏的过程

代码优化了一下：增加的转场动画pageTransition，对页面的横竖屏也都优化了一下，楼主参考一下

import window from '@ohos.window';
import { common } from '@kit.AbilityKit';
import { router } from '@kit.ArkUI';

@Entry
@ComponentV2
struct SurveillanceVideoPage {
  @Local orientation: window.Orientation = window.Orientation.LANDSCAPE;
  swiperController: SwiperController = new SwiperController();
  scroller: Scroller = new Scroller();
  // 模拟数据
  @Local data: string[] = ['11111', '222222']
  @Local saveconten: boolean = false;
  @Local openOrClose: boolean = false;
  @Local current: number = 0;
  controller: VideoController = new VideoController();
  @Local isMuted: boolean = true;
  @Local previewUri: ResourceStr = $r('app.media.startIcon');
  @Local videoUri: ResourceStr =
    'https://vd3.bdstatic.com/mda-pmj5ajqd7p4b6pgb/576p/h264/1703044058699262355/mda-pmj5ajqd7p4b6pgb.mp4?auth_key=1703138418-0-0-618ea72b33be241c96c6cff86c06e080&bcevod_channel=searchbox_feed&cr=1&cd=0&pd=1&pt=4&logid=0018430194&vid=9762003448174112444&abtest=all';
  @Local isOrientationSet: boolean = false; // 标记方向是否已设置
  @Local scale1: number = 1;
  @Local opacity1: number = 1;
  // 获取上下文
  private context = getContext(this) as common.UIAbilityContext;

  aboutToAppear(): void {
    this.setWindowOrientation(window.Orientation.LANDSCAPE);
  }

  // 离开页面时（如点击返回按钮），恢复竖屏
  aboutToDisappear(): void {
    this.setWindowOrientation(window.Orientation.PORTRAIT);
  }

  // 监听物理返回键
  onBackPress(): boolean | void {
    this.setWindowOrientation(window.Orientation.PORTRAIT);
    // 返回 false 让系统处理路由返回，或者手动 router.back()
    return false;
  }

  /**
   * 统一设置屏幕方向的方法
   */
  setWindowOrientation(orientation: window.Orientation) {
    window.getLastWindow(this.context).then((win) => {
      // 1. 设置方向
      win.setPreferredOrientation(orientation).then(() => {
        // 方向设置成功后再启动视频或标记状态
        if (orientation === window.Orientation.LANDSCAPE) {
          this.isOrientationSet = true;
          this.controller.start();
          // 横屏时通常全屏，隐藏状态栏
          win.setWindowLayoutFullScreen(true);
          win.setWindowSystemBarEnable([]);
        } else {
          // 竖屏时恢复状态栏
          win.setWindowLayoutFullScreen(false);
          win.setWindowSystemBarEnable(['status', 'navigation']);
        }
      });
    }).catch((err: Error) => {
      console.error('Failed to set window orientation. Cause: ' + JSON.stringify(err));
    });
  }

  pageTransition() {
    // 进场动画：时长1000ms（可按需调整为 600ms），线性曲线
    PageTransitionEnter({ duration: 1000, curve: Curve.Linear })
      .slide(undefined) // 禁用默认的左右/上下位移
      .opacity(0) // 效果：透明度从 0 渐变到 1

    // 退场动画：时长1000ms，缓动曲线
    PageTransitionExit({ duration: 1000, curve: Curve.Ease })
      .slide(undefined) // 禁用默认的左右/上下位移
      .opacity(0) // 效果：透明度从 1 渐变到 0
  }

  build() {
    Column() {
      // 只有当方向设置逻辑开始执行后才渲染内容，避免布局错乱
      // 注意：这里仍然无法完全消除系统旋转动画，除非使用独立的 Ability
      if (this.isOrientationSet) {
        Stack({ alignContent: Alignment.TopStart }) {
          Swiper(this.swiperController) {
            ForEach(this.data, (item: string) => {
              Stack({ alignContent: Alignment.Top }) {
                // 背景图
                Image($r('app.media.background'))
                  .width('100%')
                  .height('100%') // 确保背景铺满
                  .objectFit(ImageFit.Cover)

                // 视频组件
                Video({
                  previewUri: this.previewUri,
                  src: this.videoUri,
                  controller: this.controller
                })
                  .muted(this.isMuted)
                  .controls(true) // 这里的 controls 开启可能会和自定义 UI 冲突，建议 false 使用自定义
                  .width('100%')
                  .height('100%') // 视频全屏铺满
                  .objectFit(ImageFit.Contain) // 保持视频比例

                // 顶部返回栏
                Row() {
                  Image($r('app.media.startIcon'))
                    .width(20)
                    .aspectRatio(1)
                    .onClick(() => {
                      // 手动处理返回，触发生命周期恢复竖屏
                      router.back();
                    })
                  Text(' 模拟资源_模拟摄像机158')
                    .fontColor('#FFFFFF')
                    .fontSize(16)
                }
                .width('100%')
                .padding({ left: 20, top: 20 })
                .alignItems(VerticalAlign.Center)

                // 右侧操作栏
                Column({ space: 20 }) {
                  Image(this.saveconten ? $r('app.media.startIcon') : $r('app.media.startIcon'))
                    .width(30)
                    .aspectRatio(1)
                    .onClick(() => {
                      this.saveconten = !this.saveconten;
                    })

                  Image(this.openOrClose ? $r('app.media.startIcon') : $r('app.media.startIcon'))
                    .width(30)
                    .aspectRatio(1)
                    .onClick(() => {
                      this.openOrClose = !this.openOrClose;
                    })
                }
                .position({ x: '88%', y: '10%' }) // 使用百分比定位以适应不同分辨率
                .zIndex(2)

              }
              .backgroundColor('#333333')
              .width('100%')
              .height('100%')
            }, (item: string) => item)
          }
          .itemSpace(0)
          .indicator(false)
          .loop(false)
          .duration(300)
          .cachedCount(1) // 缓存前后页面

          // 侧边播放列表
          if (this.openOrClose) {
            Column() {
              Scroll(this.scroller) {
                Column() {
                  ForEach(this.data, (item: string, index: number) => {
                    Row() {
                      Row()
                        .visibility(this.current == index ? Visibility.Visible : Visibility.Hidden)
                        .width(10)
                        .aspectRatio(1)
                        .borderRadius(10)
                        .backgroundColor('#356FFF')
                        .margin({ right: 10 })

                      Text(item + ' 模拟资源')
                        .fontColor('#FFFFFF')
                        .fontSize(16)
                        .maxLines(1)
                        .textOverflow({ overflow: TextOverflow.Ellipsis })
                    }
                    .width('100%')
                    .padding({ top: 10, bottom: 10 })
                  }, (item: string) => item)
                }
                .width(200) // 列表宽度
                .backgroundColor('rgba(0,0,0,0.6)')
                .padding(10)
              }
              .height('100%')
              .scrollBar(BarState.Off)
            }
            .height('100%')
            .position({ x: 0, y: 0 })
            .transition(TransitionEffect.move(TransitionEdge.START).animation({ duration: 300 }))
          }
        }
        .width('100%')
        .height('100%')
      } else {
        // 加载状态，避免旋转时的黑屏或布局错乱
        Stack() {
          LoadingProgress().color(Color.White).width(50)
        }
        .width('100%')
        .height('100%')
        .backgroundColor(Color.Black)
      }
    }
    .width('100%')
    .height('100%')
    .backgroundColor('#000000')
  }
}