最近有點時間想整理一下,自己做過的一些小的動畫,分享出來。
先看一下效果
從整體上來看,效果還是蠻不錯的,刻度也還是挺准確的。
然后說一下思路:
其實這種動畫是一個蠻簡單的小動畫,整個效果只用了一個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