apicloud apicloud

注册
查看: 4208|回复: 4

[APP开发技巧] 控制和监控APP实现横屏模式

业余车手

UID:22235

主题:
89
帖子:
1166
云币:
10259

版主勋章APICloud粉丝端午节

[APP开发技巧] 控制和监控APP实现横屏模式

4208 4 | 发表于 2015-11-11 23:59:31 |阅读模式 | |
本帖最后由 huguoba 于 2015-11-12 00:12 编辑

好久没有写帖子了,最近做个手写签字的控制,研究了下横屏控制,花了几天,在APICloud技术人员的帮助下,终于搞定这个横屏控制方面的应用。
控制横屏,APICLoud文档写的很详细:
api.setScreenOrientation({    orientation:'landscape_left'});

类型什么的,文档都有。关键是如何监控横屏在哪个方向的问题,这个比较关键。咨询APICLoud技术,使用
window.addEventListener("orientationchange", function() {
                                var degree = window.orientation;
                                var w = api.winWidth;
                                var h = api.winHeight;
}

查阅了下资料,
orientationchange事件是HTML5在手机浏览器上的支持,获取的degree支持0、90和-90度三种。这2个东西一结合,横屏竖屏控制so easy。放个效果截图,APP还没有完成,弄完了就开源了。以后要做横屏应用就非常方面了,尤其是APP能够自动旋转,体验就非常好了!














本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

1

查看全部评分

新手上路

UID:41214

主题:
20
帖子:
113
云币:
332
发表于 2015-12-6 15:00:34 来自手机 |
其实你用把left--->auto就可以实现自动横竖屏转换

新手上路

UID:41214

主题:
20
帖子:
113
云币:
332
发表于 2015-12-6 15:00:42 来自手机 |
其实你用把left--->auto就可以实现自动横竖屏转换

主题:
133
帖子:
1156
云币:
2077
发表于 2015-12-29 06:30:19 来自手机 |
fblin 发表于 2015-12-6 15:00
其实你用把left--->auto就可以实现自动横竖屏转换

orientation:'landscape_auto'  这个意思?

主题:
0
帖子:
1
云币:
1
发表于 2019-10-27 22:14:29 |
能不能说清楚点,根本听不懂,懂得人不用说,不懂得人你这样写了也白写
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表