首页 > 其他分享 >【HarmonyOS】一招教你在竖屏的UIAbility中使用横屏页面

【HarmonyOS】一招教你在竖屏的UIAbility中使用横屏页面

时间:2024-03-01 17:12:18浏览次数:28  
标签:HarmonyOS 代码 UIAbility 横屏 跳转 页面

【关键字】

鸿蒙应用开发、ArkTS、UIAbility、横屏页面显示

 

1、写在前面

我们在实际的项目开发过程中,可能会遇到这样的需求:在一个手机应用中,A页面是竖屏展示的,点击A页面的某个按钮需要跳转到B页面,但是B页面需要横屏展示,比如查看海报或者表格信息等内容,在HarmonyOS中,在不增加UIAbility的情况下,想让这两个页面都在同一个UIAbility中,那我们该如何实现呢?

 

2、代码实战

首先打开entry下面的module.json5文件,在abilities节点下添加一个orientation的属性:

cke_417.png

接着在Index页面中,这里为了简单演示,我们简单放一个Text和一个Button,来看代码:

cke_1012.png

点击按钮跳转到SecondPage页面,在这个页面中我们让它横屏显示,代码其实也很简单,这里定义了一个设置屏幕方向的方法:

cke_1848.png

然后在生命周期函数中进行调用:

cke_2863.png

页面中只放了一个Text组件显示一个文本,整体代码结构如下:

cke_4075.png

3、效果展示

最后一起来看一下最终的实现效果吧:

 

参考文档:https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/js-apis-window-0000001477981397-V3#ZH-CN_TOPIC_0000001573929313__setpreferredorientation9-1

标签:HarmonyOS,代码,UIAbility,横屏,跳转,页面
From: https://www.cnblogs.com/mayism123/p/18047519

相关文章

  • 【FAQ】HarmonyOS SDK 闭源开放能力 —Push Kit
    1.问题描述升级到4.0.0.59版本后,通过pushService.getToken获取华为的token时报如下错误:Illegalapplicationidentity.解决方案Mate40Pro(NOH)从4.0升级到4.1版本后,会出现UDID变化,影响历史的调试签名使用,应用重新签名后即可正常运行。2.问题描述按照https://developer.h......
  • 【HarmonyOS开发】案例-签名板基础上开发移动白板
    【HarmonyOS开发】案例-签名板基础上开发移动白板:https://mp.weixin.qq.com/s?__biz=MzI0MzQ5NTgxOQ==&mid=2247485266&idx=1&sn=15b550a8141cff0572ae828e8c75cd41&chksm=e96d61b6de1ae8a0963f7eafb47b04a654594b9d04415443a4b85904b5ed0adaaae1480adec5&mpshare=1&sc......
  • arkts v3.2 Release 中,设置横屏方式代码
    asynchengButton(){  letscreenClass:screen.Screen|null=null;  //this.isLand=true  screen.setScreenRotationLocked(false).then(()=>{    screen.getAllScreens((err,data)=>{      if(err.code){        console.error('Failedt......
  • HarmonyOS—添加/删除Module
    Module是应用/服务的基本功能单元,包含了源代码、资源文件、第三方库及应用/服务配置文件,每一个Module都可以独立进行编译和运行。一个HarmonyOS应用/服务通常会包含一个或多个Module,因此,可以在工程中创建多个Module,每个Module分为Ability和Library两种类型。在工程中添加Module......
  • HarmonyOS—LocalStorage:页面级UI状态存储
    LocalStorage是页面级的UI状态存储,通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility实例内,在页面间共享状态。本文仅介绍LocalStorage使用场景和相关的装饰器:@LocalStorageProp和@LocalStorageLink。说明本模块从APIversio......
  • HarmonyOS开发行业前景就业分析与实例解析
    HarmonyOS的简介鸿蒙系统(HarmonyOS)是华为公司自主研发的一种全场景分布式操作系统,旨在为各种设备提供统一的开发和运行环境。它的编程基础主要建立在多种技术和语言之上,包括鸿蒙系统的核心框架和应用程序开发框架。本章将介绍HarmonyOS编程的历史、地位以及主要应用领域,帮助读者......
  • HarmonyOS资源分类与访问
    应用开发过程中,经常需要用到颜色、字体、间距、图片等资源,在不同的设备或配置中,这些资源的值可能不同。应用资源:借助资源文件能力,开发者在应用中自定义资源,自行管理这些资源在不同的设备或配置中的表现。系统资源:开发者直接使用系统预置的资源定义(即分层参数,同一资源ID在设备类......
  • HarmonyOS—@Observed装饰器和@ObjectLink嵌套类对象属性变化
    @Observed装饰器和@ObjectLink装饰器:嵌套类对象属性变化概述@ObjectLink和@Observed类装饰器用于在涉及嵌套对象或数组的场景中进行双向数据同步:被@Observed装饰的类,可以被观察到属性的变化;子组件中@ObjectLink装饰器装饰的状态变量用于接收@Observed装饰的类的实例,和父组件......
  • 掌上新闻随心播控,HarmonyOS SDK助力新浪新闻打造精致易用的资讯服务新体验
    原生智能是HarmonyOSNEXT的核心亮点之一,依托HarmonyOSSDK丰富全面的开放能力,开发者只需通过几行代码,即可快速实现AI功能。新浪新闻作为鸿蒙原生应用开发的先行者之一,从有声资讯入手,将基于SpeechKit朗读控件上线听新闻功能,让新浪新闻充分发挥HarmonyOS原生智能优势,为鸿蒙用户带......
  • HarmonyOS—状态管理概述
    在前文的描述中,我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面,就需要引入“状态”的概念。图1效果图上面的示例中,用户与应用程序的交互触发了文本状态变更,状态变更引起了UI渲染,UI从“HelloWorld”变更为“HelloArkUI”。在声明式UI编程框架中,UI是程序......