Egret社区

egret获取横竖屏切换的方法

2014-10-6 20:12
1453240
本帖最后由 张宇 于 2014-10-28 17:28 编辑

好几次看有人问这个问题。几句话说不清楚,写一个小教程。
附件是源代码,看一下就清楚了。
注:手机网页无法像app一样强制竖屏,只能提示用户关闭重力感应

在Main.ts里有一个onRotation,获得屏幕的旋转角度以后传进来显示。
角度为0说明是竖屏,+-90是横屏
QQ20141006-1.png


在launcher/egret_loader.js里获得旋转角度。
window.onorientationchange每次旋转屏幕以后会调用这个方法
window.orientation是屏幕旋转的角度
QQ20141006-2.png


很简单吧,轻松就搞定了。
QRCode.png

手机测试地址,用重力感应切换横竖屏就能看到效果了
rotation.zip (1.15 MB, 下载次数: 673)
分享到 :
19 人收藏

40 个回复

倒序浏览
xsstomy  斑竹 | 2014-10-8 09:05:04
确实可以,微信内置的浏览器,好像没有效果额,感谢分享
张宇  官方团队 | 2014-10-8 10:00:46
xsstomy 发表于 2014-10-8 09:05
确实可以,微信内置的浏览器,好像没有效果额,感谢分享

你是什么手机,iphone的微信是可以的
xsstomy  斑竹 | 2014-10-8 10:11:36
张宇 发表于 2014-10-8 10:00
你是什么手机,iphone的微信是可以的

魅族3,手机谷歌和自带的浏览器都可以,但是微信不行,貌似检测不到重力感应,也许手机原因
dreamstone  官方团队 | 2014-10-8 10:22:21
路过  顶起!!!
xsstomy  斑竹 | 2014-10-8 10:24:55
官方写进去吧,免得每次都要自己配置写这代码额
xsstomy  斑竹 | 2014-10-10 16:13:22
eperfect 发表于 2014-10-10 16:05
微信的屏幕翻转需要改设置开启,在设置-》通用-》开启横屏模式

醉了。。。。感谢
hugshen  登堂入室 | 2014-10-27 19:44:45
请问怎么强制竖屏? 浏览器横屏时,游戏仍按照竖屏显示
wujian001215  登堂入室 | 2014-10-28 15:44:29
同问楼上的问题
张宇  官方团队 | 2014-10-28 17:29:07
hugshen 发表于 2014-10-27 19:44
请问怎么强制竖屏? 浏览器横屏时,游戏仍按照竖屏显示

手机网页无法像app一样强制竖屏,只能提示用户关闭重力感应
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号 )

Powered by Discuz! X3.4 © 2001-2019 Comsenz Inc.

返回顶部