HarmonyOS 鸿蒙Next竖屏显示如何切换横屏显示
HarmonyOS 鸿蒙Next竖屏显示如何切换横屏显示
harmonyOS竖屏显示如何切换横屏显示
3 回复
通过setPreferredOrientation来设置主窗口的显示方向属性来实现切换横屏,PORTRAIT为竖屏显示,LANDSCAPE为横屏显示,文档参考:
示例:
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)
}
}
更多关于HarmonyOS 鸿蒙Next竖屏显示如何切换横屏显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
Navigation架构需要注意分栏模式
在HarmonyOS鸿蒙系统中,切换Next设备的竖屏显示到横屏显示,可以通过以下步骤实现:
-
快捷操作:从屏幕顶部向下滑动,打开通知中心。在快捷设置面板中,寻找并点击“自动旋转”图标(通常是一个带有箭头的圆形图标)。开启该功能后,根据设备的物理旋转,屏幕会自动从竖屏切换到横屏。
-
系统设置:进入设备的“设置”应用,找到“显示和亮度”或类似名称的选项。在其中,选择“屏幕旋转”或“自动旋转屏幕”设置,确保该选项已开启。这样,设备的屏幕就会根据用户的旋转动作自动调整显示方向。
-
应用内设置:部分应用可能具有独立的屏幕旋转设置。在应用内,尝试找到设置选项,查看是否有允许屏幕旋转的开关,确保已开启。
-
强制横屏:对于特定应用或场景,如果希望强制横屏显示,可以使用第三方应用或工具来锁定屏幕方向,但需注意这可能影响其他应用的正常显示。
如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html