鸿蒙Next如何强制设置page为竖屏

在鸿蒙Next开发中，如何强制将某个page页面设置为竖屏显示？目前尝试了在config.json中配置orientation为"portrait"，但部分场景下仍会横屏展示。是否有其他方法或代码可以实现全局锁定竖屏？求具体实现方案或示例代码。

2 回复

鸿蒙Next强制竖屏？简单！在config.json里给目标page配置"orientation": “portrait”，就像给手机屏幕上了“方向锁”，横屏？不存在的！

更多关于鸿蒙Next如何强制设置page为竖屏的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next中，可以通过以下方式强制设置Page为竖屏：

方法一：在module.json5中配置 在应用的module.json5文件中，为对应Ability设置orientation属性为portrait：

{
  "module": {
    "abilities": [
      {
        "name": "MainAbility",
        "orientation": "portrait"
      }
    ]
  }
}

方法二：在代码中动态设置 在Ability的onWindowStageCreate方法中，通过Window对象设置方向：

import window from '@ohos.window';

onWindowStageCreate(windowStage: window.WindowStage) {
  // 获取窗口对象
  windowStage.getMainWindow((err, window) => {
    if (err) {
      console.error('Failed to get main window');
      return;
    }
    // 设置屏幕方向为竖屏
    window.setPreferredOrientation(window.Orientation.PORTRAIT);
  });
}

参数说明：

  • portrait：竖屏
  • landscape：横屏
  • follow_recent：跟随上一个页面的方向

注意事项：

  1. 配置方式会全局生效，代码方式可在运行时动态调整
  2. 建议在module.json5中配置以保证一致性
  3. 确保导入正确的window模块

这两种方式都可以有效锁定页面方向为竖屏，推荐使用方法一进行全局配置。

回到顶部