mui 控制旋转屏幕方向

2024-06-05 09:23:43

在用mui做app的时候，要做一个大数据统计需要横屏显示表格。所以去查了下资料。在这里记录一下。

我要做的是，在a页面是竖屏，在a页面点击到子页面。子页面要变成横屏。这种效果。
在html5+ 的api中有个锁定屏幕方向的方法是 plus.screen.lockOrientation 可以帮助我们解决屏幕旋转问题。

说明

锁定屏幕方向后屏幕只能按锁定的屏幕方向显示，关闭当前页面后仍然有效。可再次调用此方法修改屏幕锁定方向或调用unlockOrientation()方法恢复到应用的默认值。

参数

参数只有一个。锁定屏幕方向可取以下值： “portrait-primary”: 竖屏正方向； “portrait-secondary”: 竖屏反方向，屏幕正方向按顺时针旋转180°； “landscape-primary”: 横屏正方向，屏幕正方向按顺时针旋转90°； “landscape-secondary”: 横屏方向，屏幕正方向按顺时针旋转270°； “portrait”: 竖屏正方向或反方向，根据设备重力感应器自动调整； “landscape”: 横屏正方向或反方向，根据设备重力感应器自动调整；

项目demo

刚开始进入页面时我的需求是需要旋转成横屏：

setTimeout(function () {plus.nativeUI.toast('该页面需要横屏查看'); // 友好的提示一下plus.screen.lockOrientation("landscape-primary") // 把屏幕方向改变成横屏正方向}, 1000)

离开页面时也要旋转回原来的样子：

plus.screen.unlockOrientation(); // 取消旋转屏幕
plus.screen.lockOrientation("portrait-primary"); // 或者使用把屏幕改变成竖屏正方向

如果要打包成app 需要在manifest.json中点击你让他旋转的位置。如下：

点击你需要选择的方位。在打包上边的效果就可以实现了。

这样就可以实现页面进入旋转屏幕离开屏幕恢复的效果。
参考api：http://www.html5plus.org/doc/zh_cn/device.html

mui 控制旋转屏幕方向相关推荐

树莓派自启动python程序，远程树莓派桌面，重装树莓派系统，串口驱动，永不休眠，树莓派旋转屏幕方向，树莓派定时重启，修改矫正树莓派时间，raspbian Linux 系统命令常用
一.树莓派4B自启python的脚本方法 1.rc.local文件修改 (1)新建运行脚本 pi@zero:~/raspberry $ sudo nano test.sh #!/bin/sh cd / ...
ios 旋转屏幕试图切换_TCL·XESS 旋转智屏 A200Pro 评测：方向一换，体验大不相同...
点击右上角关注我们,每天给您带来最新最潮的科技资讯,让您足不出户也知道科技圈大事! 对于电视,我们大多数人的概念也许是「横在客厅或者卧室的一块屏幕」.它早已经是每个人家庭装修的一部分,但也因为就一直躺 ...
ios 旋转屏幕试图切换_总结iOS App开发中控制屏幕旋转的几种方式
在iOS6之前的版本中,通常使用 shouldAutorotateToInterfaceOrientation 来单独控制某个UIViewController的方向,需要哪个viewControlle ...
android 強制屏幕方向,今日精品安卓App推荐：锁定屏幕旋转方向
[PConline 资讯]不知道各位用安卓的朋友有没有遇到过这样一种情况,玩某个游戏横屏时屏幕向右转,另一个游戏就向左转了,用某些播放器如新闻客户端之类的看视频,甚至还不能横屏.安卓上横屏方向不统一的 ...
让android程序根据重力感应旋转屏幕(支持4个方向旋转)
最近公司在做一个软件,用户要求软件能随着手机转动自动切换横屏和竖屏,而且要求就算是手机头下脚上的倒个个软件也要能自适应的变成合适的方向.熟悉android的人都知道,android系统的手机绝大部分只 ...
【转】Unity3D研究院之设置自动旋转屏幕默认旋转方向
http://www.xuanyusong.com/archives/2871 如下图所示,在处理屏幕默认旋转方向的时候可以在这里进行选择,上下左右一共是4个方向. 策划的需求是游戏采用横屏,但是要求 ...
android+相机画面旋转,Android：相机预览的屏幕方向/旋转
我已经创建了一个相机应用程序,我想让我的应用程序在所有4个可能的方向转换,并相应地更新相机预览.因为我已经使用我从以下复制的以下方法: Android – Camera preview is side ...
当进度对话框和后台线程处于活动状态时，如何处理屏幕方向变化？
我的程序在后台线程中执行一些网络活动. 在开始之前,它会弹出一个进度对话框. 该对话框在处理程序上关闭. 这一切都可以正常工作,除非对话框打开(并且背景线程正在运行)时屏幕方向发生变化. 此时,应用程 ...
H5+ 常用API(拨打电话,设备震动,屏幕方向,屏幕亮度,设备信息...等)
写在前面 H5+ 所有功能都只能在 plusReady 事件加载完成后调用 mui.plusReady(function() { // 扩展API加载完成事件var self = plus.webvi ...
android 悬浮窗口禁止横屏显示,悬浮窗强制设置屏幕方向|App开发交流区|研发交流|雨滴科技技术论坛 - Powered by Discuz!...
最近在做平板上的一个程序,需要配合中通的app来控制扫描与分拣机的转动.然后中通的程序在平板上运行有一个问题, 就是app里设置了强制竖屏,不能跟随系统旋转应用屏幕方向,然后把系统里的屏幕方向写死,虽 ...

最新文章

热门文章