鸿蒙Next中ets横竖屏设置方法

在鸿蒙Next开发中，使用ets进行界面开发时，如何设置横竖屏的显示方向？有没有具体的配置方法或代码示例可以参考？

2 回复

在鸿蒙Next的ets中，横竖屏切换就像变魔术！只需在config.json的abilities里添加"orientation": "unspecified"（自动）或指定"landscape"（横屏）/"portrait"（竖屏）。简单说，改个配置，屏幕就乖乖听话！

更多关于鸿蒙Next中ets横竖屏设置方法的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS Next）中，使用ETS（Extendable TypeScript）开发应用时，可以通过以下方法设置横竖屏：

1. 在module.json5中配置屏幕方向

在应用的配置文件module.json5中，通过abilities字段的orientation属性设置屏幕方向：

{
  "module": {
    "abilities": [
      {
        "name": "EntryAbility",
        "orientation": "portrait" // 竖屏：portrait；横屏：landscape；自动：auto
      }
    ]
  }
}
  • portrait：强制竖屏。
  • landscape：强制横屏。
  • auto：跟随设备方向自动切换。

2. 动态设置屏幕方向

在ETS代码中，可以通过window模块动态调整屏幕方向：

import window from '[@ohos](/user/ohos).window';

// 获取当前窗口
let windowClass = await window.getLastWindow(this.context);

// 设置横屏
await windowClass.setPreferredOrientation(window.Orientation.LANDSCAPE);

// 设置竖屏
await windowClass.setPreferredOrientation(window.Orientation.PORTRAIT);

3. 监听屏幕方向变化

如果需要响应方向变化，可以监听display事件：

import display from '[@ohos](/user/ohos).display';

// 监听屏幕方向变化
display.on('change', (curDisplay) => {
  console.log(`屏幕方向已改变: ${curDisplay.orientation}`);
});

注意事项：

  • 配置优先级：动态设置会覆盖module.json5中的静态配置。
  • 部分设备可能不支持强制横竖屏，需测试兼容性。

以上方法可灵活控制鸿蒙Next应用的横竖屏显示。

回到顶部