本质

每帧绘制不同的内容。

基本过程

开始动画后，调用View的invalidate触发重绘。重绘后检查动画是否停止，若未停止则继续调用invalidate触发下一帧（下一次重绘），直到动画结束。

重绘时View的draw方法会被调用，根据动画的进行绘制不同的内容，如某个被绘制元素的大小变化、角度旋转、透明度变化等，这样即会产生动画。

动画的推进过程一般都会有一个变化量，这个变量会被用到draw方法内元素的绘制。一般的变量都是时间，也可以是手指移动、传感器等任何其他的变量。

Android中的动画支持

Animation：早期实现的让View整体做动画的类。能让View做Matrix（移动、缩放、旋转、3D旋转）和Alpha（透明）的动画。

Animator：有硬件加速后为做动画实现的类。能方便的让View整体做动画；也可以只产生随时间变化的变量，用来在onDraw里做绘图级的动画。比Animation灵活很多。

AnimationDrawable：图片逐帧动画。主要用来播放提前制作好的动画。

在哪个级别做动画

让整个View做动画（比如整个View平移、旋转等）很简单方便，一般调用几行代码就行。我把它称作View级的动画。

在View的draw/onDraw里通过Canvas来绘制时做动画更灵活，更精细，能力更强大。我把它称作绘图级的动画。（View级的动画本质上也是这么做的，只是Android系统帮我们做了大部分工作）

绘图级的动画

这篇文章主要讲绘图级的动画。

下面来一段绘图级动画的典型实现：

<div class="container" title="Hint: double-click to select code">
<div class="line number1 index0 alt2"><code class="java keyword">class</code> <code class="java plain">MyView </code><code class="java keyword">extends</code> <code class="java plain">View {</code></div>
<div class="line number2 index1 alt1"><code class="java spaces">    </code><code class="java keyword">void</code> <code class="java plain">startAnimator() {</code></div>
<div class="line number3 index2 alt2"><code class="java spaces">        </code><code class="java plain">ValueAnimator animator = ValueAnimator.ofFloat(1f, 0f);</code></div>
<div class="line number4 index3 alt1"><code class="java spaces">        </code><code class="java plain">animator.start();</code></div>
<div class="line number5 index4 alt2"><code class="java spaces">        </code><code class="java plain">invalidate();</code></div>
<div class="line number6 index5 alt1"><code class="java spaces">    </code><code class="java plain">}</code></div>
<div class="line number7 index6 alt2"><code class="java spaces">    </code><code class="java keyword">protected</code> <code class="java keyword">void</code> <code class="java plain">onDraw(Canvas canvas) {</code></div>
<div class="line number8 index7 alt1"><code class="java spaces">        </code><code class="java keyword">if</code> <code class="java plain">(animator.isRunning()) {</code></div>
<div class="line number9 index8 alt2"><code class="java spaces">            </code><code class="java keyword">float</code> <code class="java plain">ratio = (Float)animator.getAnimatedValue();</code></div>
<div class="line number10 index9 alt1"><code class="java spaces">            </code><code class="java plain">canvas.rotate(ratio*</code><code class="java value">360</code><code class="java plain">);</code></div>
<div class="line number11 index10 alt2"><code class="java spaces">            </code><code class="java plain">canvas.drawBitmap(bitmap, </code><code class="java value">0</code><code class="java plain">, </code><code class="java value">0</code><code class="java plain">, </code><code class="java keyword">null</code><code class="java plain">);</code></div>
<div class="line number12 index11 alt1"></div>
<div class="line number13 index12 alt2"><code class="java spaces">            </code><code class="java plain">invalidate();</code></div>
<div class="line number14 index13 alt1"><code class="java spaces">        </code><code class="java plain">}</code></div>
<div class="line number15 index14 alt2"><code class="java spaces">        </code><code class="java plain">...</code></div>
<div class="line number16 index15 alt1"><code class="java spaces">    </code><code class="java plain">}</code></div>
<div class="line number17 index16 alt2"><code class="java plain">}</code></div>
<div class="line number17 index16 alt2">