android微信小程序支持横屏,微信小程序关于横屏存在的一些问题

微信小程序关于横屏存在的一些问题

最近新的项目中涉及到小程序通过webview跳转h5时切换横竖屏的需求，在项目正式开工的时候我提前进行了踩坑，关于小程序在前不久添加的横屏属性，只需要在app.json或者单个页面的json文件中添加“pageOrientation”属性，就可以实现横竖屏的切换，如下面的示例代码

{"usingComponents": {},"pageOrientation": "landscape"}

关于属性的具体配置，文档中给出的是[auto：自动切换]，[landscape：强制横屏]，[portrait：强制竖屏]

对于横屏，使用auto属性，在ios中是可以正常的自动切换，但是在安卓系统中，会出现一个问题，就是微信的浏览器已经自动横屏了，但是webview的内容却不会，就导致了手机屏幕横屏了，但是webview的内容多旋转了90度，如下图

这个问题在官方社区中也有多人提出，但并未得到实际解决，下面是相关帖子链接

就连官方文档也进行了标识

针对以上的问题，我便请教了一位大牛，给了我提示，我的做法如下：

1、首先让小程序在webview页面中配置pageOrientation属性为强制横屏

2、由于这次的项目我使用了anniejs引擎，所以我在index.html中对系统进行了判断，并把相应的判断值用做一个全局的属性进行传递

3、在anniejs中让整个stage舞台进行-90度的旋转并把anniejs中自动旋转的功能进行关闭

好了，下面我们看看结果

这样就解决了安卓内webview内容无法自动旋转的问题，但是这个不是长久之计，只是曲线救国的方法，希望小程序的官方能尽快修复这个问题，让我们能愉快的使用这个功能

同样，这个问题也适用于其它引擎，如egret，cocos2d，laya等，因为只是一个思路，如果有更好的方法，可以一起学习交流，共同提高

原文：https://www.cnblogs.com/BingDaYe/p/12194609.html

android微信小程序支持横屏,微信小程序关于横屏存在的一些问题相关推荐

微信公众平台支持开通微信小店小程序了
昨晚,微信小程序又放招了:微信公众平台支持开通微信小店小程序了!!!帮商家在微信内快速开店,方面商家和用户之间沟通.只要你有一个认证的公众号,就可在公众号后台申请小店小程序.原有微信小店功能的公众号, ...
aurora IP中选择了小端支持，但小端体现在了什么地方呢？
aurora协议中,默认是大端模式,但可在定制IP的时候选择小端支持,如下图所示: 尽管如此,产生的示例逻辑,还是有部分地方使用了大端的表示方法: 例如顶层: // User I/O input RE ...
html5会员管理,微信会员管理系统支持客户微信一键注册成为会员？
微信想要管理好会员,首先需要微信公众号与会员管理系统进行对接,通过微信注册会员,从而让会员管理系统来具体的对会员进行管理.对接后的微信公众号属于一个会员平台,会员的注册和资料管理都可直接通过微信进行操 ...
PHP:【微信小程序】初识微信小程序，微信小程序配置
PHP:[微信小程序]初识微信小程序,微信小程序配置一.介绍小程序提供了一个简单.高效的应用开发框架和丰富的组件及 API,帮助开发者在微信中开发具有原生 APP 体验的服务小程序是一种全新的连 ...
如何使用计算机微信看小程序,新版微信pc版怎么打开小程序 pc版打开小程序方法...
央视影音手机版6.7.3 安卓版类型:影音播放大小:53.8M语言:中文评分:9.8 标签: 立即下载以前的电脑版微信是不支持小程序的,不能够搜到也不能够打开好友分享的小程序,不过在新版微信更新 ...
阿里云ARMS重磅推出小程序监控，助力小程序稳定运行
2018年是小程序蓬勃发展的一年,各大公司如腾讯.阿里.百度.头条等都陆续推出了自己的小程序,小程序已成为一个未来必然的趋势.移动互联网的新风口.据数据统计,目前已上线的微信小程序已超过100万,支付 ...
神卓互联内网穿透微信公众平台 API 实现微信登录
神卓互联是一家专注于内网穿透和互联网软件开发的公司,其提供的内网穿透服务和微信开发能够满足众多企业和个人的需求.本文将介绍神卓互联的内网传统微信开发服务. 在内网中使用微信开发具有一定的困难,因为微信 ...
android微信小程序支持横屏,微信最新内测版本：小程序支持横屏使用！
原标题:微信最新内测版本:小程序支持横屏使用! 打开百度搜索小程序横屏,你会看到满屏的网友提问是否能横屏?怎么操作能横屏? 当然不能. 不过,在8月30日,微信微信团队对外发布了iOS微信最新众测版本 ...
plsql developer无监听程序_微信小程序支持分享到朋友圈啦！技术解读跟我来
千呼万唤始出来!微信小程序页面分享到朋友圈的功能,终于在安卓系统灰度测试了!目前只在安卓系统!只在安卓系统!只在安卓系统!iOS系统还没有办法体验. 首先,我们看一下官方文档的描述,解读一下小程序分享 ...
快手小店电脑版_微信PC版更新！支持在小程序中使用微信支付 | 一周资讯
小程序1. 微信PC版更新,支持在小程序中使用微信支付.12月19日,微信PC端推出内测版2.7.2.73,新版本支持以下新功能:新增看一看精选内容,新的订阅号浏览体验,支持在小程序中使用微信支付.( ...

android微信小程序支持横屏,微信小程序关于横屏存在的一些问题

android微信小程序支持横屏,微信小程序关于横屏存在的一些问题相关推荐

最新文章

热门文章