5分钟实现Android手机上的指南针应用,android指南针
投稿于 被查看 17013 次 评论:6
5分钟实现Android手机上的指南针应用,android指南针
基于开源的Rexsee平台来做,相当简单:只需要找两个好看的图片,一个罗盘一个指针的图片就可以搞定。目前在Rexsee社区是可以查看到全部的API说明与源码示例的, www.rexsee.com首先就是要开启传感器rexseeOrientation.start();
然后把方向改变时触发的事件写上;
页面中加上两个图片,最主要的就是这两张图片的位置一定要调整好。
1.触发事件
function onOrientationChanged(){ //方向传感器事件,即当方向发生改变时触发的动作 var x = rexseeOrientation.getLastKnownX(); x = 90 - x; document.getElementById('oriDiv').style.webkitTransform = 'rotate('+x+"deg)"; }
2.两个图片
<div id='Layer1'> <div id="northDiv"><img src="img/north.png" width="300" height="300" /></div> <div id="oriDiv"><img src="img/compass.png" width="260" height="260" /></div> </div>
用户评论