uniapp 解决切换横竖屏后内容错乱的问题

前言：最近有个需要横屏签名的需求，看了很多博客写的都是调用plus的方法，但是在进入横屏签名页面返回后，再跳转下一级页面会出现内容错乱的问题。

一、h5切换横竖屏文档

plus.screen.lockOrientation(‘orientation’);: ( String ) 必选要锁定的屏幕方向值
plus.screen.unlockOrientation(); //解除锁定屏幕方向
锁定屏幕方向可取以下值：

"portrait-primary": 竖屏正方向；
"portrait-secondary": 竖屏反方向，屏幕正方向按顺时针旋转180°；
"landscape-primary": 横屏正方向，屏幕正方向按顺时针旋转90°；
"landscape-secondary": 横屏方向，屏幕正方向按顺时针旋转270°；
"portrait": 竖屏正方向或反方向，根据设备重力感应器自动调整；
"landscape": 横屏正方向或反方向，根据设备重力感应器自动调整；

二、实现横竖屏

1、进入签名页面，实现横屏：

onLoad(){#ifdef APP-PLUSplus.screen.unlockOrientation(); //解除锁定屏幕方向plus.screen.lockOrientation('landscape-primary');#endif}

2、签名完成后返回页面，恢复竖屏：

onShow() {#ifdef APP-PLUSplus.screen.unlockOrientation();//解除锁定屏幕方向plus.screen.lockOrientation('portrait-primary');#endif  }

三、解决横竖屏后内容错乱问题

在进入横屏页面后，写个定时器 1.2s之后再执行横屏操作。

onLoad() {#ifdef APP-PLUSuni.showLoading({title:"加载中..."})setTimeout(()=>{plus.screen.unlockOrientation();plus.screen.lockOrientation('landscape-primary');uni.hideLoading();},1200)#endif
},

uniapp 解决切换横竖屏后内容错乱的问题相关推荐

如何解决ios横竖屏切换布局错乱的问题
如何解决ios横竖屏切换布局错乱的问题可以使用 location.reload(); 强制刷新页面 mounted () {// 监听 resize 方法window.addEventListene ...
uniapp使用横竖屏显示样式错乱问题。
记得在需要切换横竖屏的页面写在onload生命周期写 onLoad() {// #ifdef APP-PLUSuni.showLoading({title:"加载中..."})s ...
iOS 解决苹果手机锁屏后APP退出的问题及app状态
进入后台程序退出是由iOS系统管理决定的,但APP退出在后台后,只有10秒的持续运行时间,然后暂停.但该APP还在内存中,当出现内存警告,也就是别的APP要运行,而此时内存又不足的情况下,系统会回收停 ...
具体怎么使用视频播放屏幕的感重力切换横竖屏
之前 , 只是介绍了一些代码去实现视频播放的平复翻转这一功能!可以随你意进行屏幕的翻转,满足用户的需求.但是,当你真的去做一个像的时候,会有问题出现的哦!那到底是什么问题呢?待我..娓娓道来! 是酱汁 ...
android webview 横竖屏_Android 切换横竖屏
一个项目一般会自己先定义项目是横屏还是竖屏但是也有可以横屏和竖屏之间切换的activty. 切换横竖屏的方法: //判断当前屏幕方向 if(getRequestedOrientation() == A ...
unity动态切换横竖屏采坑记录
项目做横竖屏验证,需要实现动态切换横竖屏的功能,实现起来几句话,但是实际遇到了一堆问题. 基本实现基本流程: 1.修改Screen的设置 2.设置CanvasScaler参数 3.重新异形屏适配 S ...
自定义Android视频播放器 - 切换横竖屏
前一篇自定义了SurfaceView,然后尝试横屏显示,虽然视频适配方面没有问题,但是没有占满整个屏幕. 我分析了一下一般的视频播放器,发现: 竖屏播放视频,播放器的宽度占满手机屏幕的宽度,播放器的高 ...
android刷机后没有声音,轻松解决手机投屏后电视没声音问题
轻松解决手机投屏后电视没声音问题再次发文申明一下:安卓手机镜像投屏的时候声音在手机端,大屏幕上没有声音. 安卓手机投屏电视没声音的原因是安卓系统安全保护机制 Android安全架构的核心设计思想,就 ...
解决电脑扩展屏后图标老是显示在副屏问题
现象:解决电脑扩展屏后图标老是显示在副屏问题思路:网上找了一些,花了2小时,分析各种原因.总结如下这个是罪魁祸首,这个是左面图标强制恢复软件如果你在扩展屏幕期间恢复的话,恢复在副屏后,就会一直显 ...
Unity 之代码切换横竖屏
Unity 之代码切换横竖屏及设置部分简介在Inspector面板上设置,一般在第一次打包时都会在这个面板上进行横竖屏锁定或者切换设置,解释如下图: 使用代码进行横竖屏切换: public voi ...

uniapp 解决切换横竖屏后内容错乱的问题

一、h5切换横竖屏文档

二、实现横竖屏

1、进入签名页面，实现横屏：

2、签名完成后返回页面，恢复竖屏：

三、解决横竖屏后内容错乱问题

uniapp 解决切换横竖屏后内容错乱的问题相关推荐

最新文章

热门文章