欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

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> 

3.[图片] 1318141327.jpg

用户评论