HarmonyOS 鸿蒙Next 从瀑布流进入详情页切换横屏 退出时切换竖屏 实现方法

HarmonyOS 鸿蒙Next 从瀑布流进入详情页切换横屏 退出时切换竖屏 实现方法 从瀑布流进入详情页，需要切换为横屏，退出横屏时需要切换为竖屏，如何实现？

3 回复

  1. 横竖屏切换可以在 module.json5 中设置 “orientation” 属性值为 “auto_rotation”，应用即具备横竖屏切换能力。若需要横竖屏切换受系统控制（打开自动旋转生效，关闭失效），可以赋值为 “auto_rotation_restricted”

    示例代码

    "abilities": [
  {
    ···
    "orientation": "auto_rotation",
    ···
  }
]

    参考文档: [https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/module-configuration-file-V5#abilities]

  2. 在进入详情页和退出横屏的时候可以调用窗口管理的 api 进行横竖屏切换

    示例代码:

    onPageShow(): void {
  window.getLastWindow(getContext(this), (err, win) => {
    win.setPreferredOrientation(window.Orientation.LANDSCAPE_INVERTED)
  })
}

    参考文档: [https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setpreferredorientation9]

更多关于HarmonyOS 鸿蒙Next 从瀑布流进入详情页切换横屏 退出时切换竖屏 实现方法的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


  1. 需要在onWindowStageCreate中先缓存一个 windowStage.getMainWindowSync()。

    关于getMainWindowSync：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-window-V13#getmainwindowsync9

  2. 进入详情页后，在详情页的aboutToAppear 生命周期中调用：

    windowStage.getMainWindowSync().setPreferredOrientation(window.Orientation.LANDSCAPE)

  3. 退出详情页时，在详情页的aboutToDisappear生命周期中调用：

    windowStage.getMainWindowSync().setPreferredOrientation(window.Orientation.LANDSCAPE)

    关于setPreferredOrientation：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-window-V13#setpreferredorientation9

    关于横竖屏切换开发实践：https://developer.huawei.com/consumer/cn/doc/best-practices-V5/bpta-landscape-and-portrait-development-V5#section188583141719

在HarmonyOS鸿蒙系统中，实现从瀑布流进入详情页时切换为横屏，退出详情页时切换回竖屏的功能，可以通过以下步骤进行：

  1. 配置屏幕方向：

    • 在瀑布流页面的config.json文件中，设置屏幕方向为竖屏。
    • 在详情页面的config.json文件中，设置屏幕方向为横屏。

  2. 监听页面跳转事件：

    • 在瀑布流页面监听用户点击进入详情页的事件。
    • 在详情页面监听用户返回或关闭页面的事件。

  3. 动态调整屏幕方向：

    • 当从瀑布流页面跳转到详情页时，通过系统API或框架提供的方法强制将屏幕方向设置为横屏。
    • 当从详情页返回瀑布流页面时，同样通过系统API或框架提供的方法将屏幕方向恢复为竖屏。

  4. 注意事项：

    • 确保应用具有修改屏幕方向的权限。
    • 在不同设备或不同系统版本上测试，确保兼容性。

以上步骤提供了实现该功能的基本思路。由于具体实现可能涉及API调用和框架特性，建议参考HarmonyOS官方文档或示例代码进行开发。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部