android 仪表盘的实现 方式一

最近有点时间想整理一下,自己做过的一些小的动画,分享出来。

 先看一下效果

从整体上来看,效果还是蛮不错的,刻度也还是挺准确的。

 

然后说一下思路:

其实这种动画是一个蛮简单的小动画,整个效果只用了一个RotateAnimation的旋转动画。

主要是要区分出旋转多少个刻度和每个刻度和刻度之间要旋转多少。

 

 

因为我的这个图是一个标准的半圆形,其实从刻度0---》刻度10000是一个180的平角。每个刻度格,算200的分值。

那么我们只要测试出一个刻度它所需要旋转的角度是多少就可以了。

比如说一个刻度是从0开始旋转到10。

那么一个刻度就是10的角度。10/200=0.05,那么就是说一个分值=0.05的角度,然后根据总体的分值*0.05,就是旋转的角度。

然后,我们做一个旋转的简单动画就可以了。

就是这么简单。

 

当然,根据UI设计师的不同需求,要求的效果不同,图片做出来的效果不同,那么有的时候每一个刻度可能不是那么的精准。

比如说,0--1000的分值,角度可能是10。1000-2000的角度可能是15。

那么我们需要单独的去测试出来每个刻度的角度去记录一下,然后还是一个简单的动画就可以了。

这个需要根据实际情况去修改。

 

这个是最简单的实现方式,而且效果还是很不错的。

源码地址:

http://download.csdn.net/detail/sit820/8917815

 

posted @ 2015-07-20 23:54  goee  阅读(6614)  评论(0编辑  收藏  举报