平滑过渡动画实现----

1. 布局变化动画衔接

Flex({ direction: this.isLandscape ? 'row' : 'column' }) {
  // ...
}
.transition({ 
  type: TransitionType.Insert, 
  opacity: 0.99, // 防止布局闪烁
  translate: { x: 100, y: 0 }
})
.animation({ 
  duration: 300, 
  curve: Curve.EaseOut 
})

1. 组件级动画同步

// 视频容器尺寸变化动画
VideoComponent()
  .constraintSize({
    width: this.isLandscape ? '100%' : '80%',
    height: this.isLandscape ? '70vh' : '40vh'
  })
  .animateTo({
    duration: 250,
    curve: Curve.Friction
  })

研究了下动态平滑过渡，不知道这样写有没有问题？

参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V14/arkts-layout-development-media-query-V14

可以使用栅格系统（Grid）或布局约束（aspectRatio）定义组件尺寸，使图片/视频容器根据屏幕方向动态调整宽高比例，避免强制拉伸。

横竖屏切换会导致窗口尺寸变化，触发页面重新布局（relayout）和组件重建。对于复杂页面（如地图、游戏），大量动态组件或嵌套布局会显著增加计算耗时，可能会导致卡顿。ArkTS可以通过预加载与性能优化机制进行优化。

比如：

• ArkTS的LazyForEach组件支持数据懒加载，适用于长列表或网格布局。
• 通过if/else条件渲染复用同一组件，而非销毁重建。
• 减少嵌套层级，使用@Reusable装饰器标记可复用组件，降低渲染开销等等。

可以在onWindowStageCreate方法中设置监听，比如：如果是展开态，则设置跟随系统竖屏、横屏、反向竖屏、反向横屏，如果是折叠态则设置固定竖屏；

代码参考：

this.windowStage.getMainWindow().then((windowObj) => {
  let orientation =
    display.getFoldStatus() === display.FoldStatus.FOLD_STATUS_EXPANDED ? window.Orientation.AUTO_ROTATION :
    window.Orientation.PORTRAIT;
  windowObj?.setPreferredOrientation(orientation); // 监听折叠屏的展开态或折叠态
  display.on('foldStatusChange', (foldStatus: display.FoldStatus) => {
    // 如果是展开态，则设置为：AUTO_ROTATION。跟随系统竖屏、横屏、反向竖屏、反向横屏，如果是折叠态则设置固定竖屏；
    orientation = foldStatus === display.FoldStatus.FOLD_STATUS_EXPANDED ? window.Orientation.AUTO_ROTATION :
    window.Orientation.PORTRAIT;
    try {
      windowObj?.setPreferredOrientation(orientation, (err: BusinessError) => {
        const errCode: number = err.code;
        if (errCode) {
          console.error(`Failed to set window orientation. Cause code: ${err.code}, message: ${err.message}`);
          return;
        }
        console.info('Succeeded in setting window orientation.');
      });
    } catch (exception) {
      console.error(`Failed to set window orientation. Cause code: ${exception.code}, message: ${exception.message}`);
    }
  })
});

使用某些app在竖屏后再横屏时，屏幕会变为全屏而不是双屏模式，怎么回事？怎么解决？