HarmonyOS 鸿蒙Next竖屏显示如何切换横屏显示

发布于 1周前 作者 yuanlaile 来自 鸿蒙OS

HarmonyOS 鸿蒙Next竖屏显示如何切换横屏显示

harmonyOS竖屏显示如何切换横屏显示

3 回复

通过setPreferredOrientation来设置主窗口的显示方向属性来实现切换横屏,PORTRAIT为竖屏显示,LANDSCAPE为横屏显示,文档参考:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setpreferredorientation9

示例:

import window from '@ohos.window';
import common from '@ohos.app.ability.common';
let win: window.Window | undefined = undefined
@Entry
@Component
struct Index {
  @State message: string = '竖屏';
  // 是否横屏
  @State isLandscape: boolean = false;
  // 获取UIAbility实例的上下文信息
  private context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
  aboutToAppear() {
    window.getLastWindow(this.context).then((lastWindow) => {
      win = lastWindow
    });
  }

  build() {
    Column() {
      Text('竖屏')
        .id('HelloWorld1')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(() => {
          //切换横竖屏显示模式
          win?.setPreferredOrientation(window.Orientation.PORTRAIT)
        })
      Text('横屏')
        .id('HelloWorld2')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(() => {
          //切换横竖屏显示模式
          win?.setPreferredOrientation(window.Orientation.LANDSCAPE)
        })
    }
    .backgroundColor(Color.Orange)
    .height('100%')
    .width('100%')
    .justifyContent(FlexAlign.Center)
  }
}

image.png

更多关于HarmonyOS 鸿蒙Next竖屏显示如何切换横屏显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


Navigation架构需要注意分栏模式

在HarmonyOS鸿蒙系统中,切换Next设备的竖屏显示到横屏显示,可以通过以下步骤实现:

  1. 快捷操作:从屏幕顶部向下滑动,打开通知中心。在快捷设置面板中,寻找并点击“自动旋转”图标(通常是一个带有箭头的圆形图标)。开启该功能后,根据设备的物理旋转,屏幕会自动从竖屏切换到横屏。

  2. 系统设置:进入设备的“设置”应用,找到“显示和亮度”或类似名称的选项。在其中,选择“屏幕旋转”或“自动旋转屏幕”设置,确保该选项已开启。这样,设备的屏幕就会根据用户的旋转动作自动调整显示方向。

  3. 应用内设置:部分应用可能具有独立的屏幕旋转设置。在应用内,尝试找到设置选项,查看是否有允许屏幕旋转的开关,确保已开启。

  4. 强制横屏:对于特定应用或场景,如果希望强制横屏显示,可以使用第三方应用或工具来锁定屏幕方向,但需注意这可能影响其他应用的正常显示。

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

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!