标签:
最近有点时间想整理一下,自己做过的一些小的动画,分享出来。
先看一下效果
从整体上来看,效果还是蛮不错的,刻度也还是挺准确的。
然后说一下思路:
其实这种动画是一个蛮简单的小动画,整个效果只用了一个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
标签:
原文地址:http://www.cnblogs.com/geder/p/4662956.html