5分钟实现Android手机上的指南针应用

a285345246 2011-11-09 04:36:26
刚了解到国内的一个移动Web开发平台Rexsee,看了社区上开放的API说明与源码,尝试做两个Android的指南针应用,很快、很强大。
Rexsee社区的地址,可以去下载查看:http://www.rexsee.com/

1. 首先找两个好看的图片,一个罗盘,一个背景;
2. 打开传感器rexseeOrientation.start();
3. 把方向改变时触发的事件写上:
function onOrientationChanged(){ //方向传感器事件,即当方向发生改变时触发的动作
var x = rexseeOrientation.getLastKnownX();
x = 90 - x;
document.getElementById('oriDiv').style.webkitTransform = 'rotate('+x+"deg)";
}
4. 然后是处理图片,位置一定要调整好
<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>

呵呵,确实没看错,就是用的HTML写的Android移动应用哈。。Rexsee实际上就是一个移动Web开发平台,使用Web开发就是可以搞定。
可以看看我的原帖:http://www.rexsee.com/CN/bbs/thread/2011-10-09/78.html

...全文
265 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
web3djishu 2012-06-07
  • 打赏
  • 举报
回复
非常不错
三石-gary 2011-11-09
  • 打赏
  • 举报
回复
ZHICHI。。。

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧