实现百度音乐引导页面卡通动画

由于本屌丝喜欢写代码的时候听歌，就下载了一个百度音乐。启动它的时候，看到里面有一个卡通动画挺好的，本着模仿的精神，就写了一个控件。

---------------------------------------在这里割了----------------

看到这个卡通动画，我第一个思路就是使用线程播放连帧动画的模式。于是我解压了百度音乐的app，里面果不其然是几张连帧的图片。复制这几张图片到你项目里面，然后开始coding

第一次写博客，我就直接上代码了。

package com.example.musicplay.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.Log;
import android.widget.ImageView;
/**
* 自动播放连帧图片的imageview
* @author 胡硕
* @Time 20140626 0:35
*/
public class ImageViewAnim extends ImageView{

    /*** 数组---自动切换的图片 **/
    private Bitmap[] arr_bmp;
    private int niFame;
    private MyThread myThread;
    public ImageViewAnim(Context context,int[] id) {
        super(context);
        arr_bmp = new Bitmap[id.length];
        init(context,id);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        canvas.drawBitmap(arr_bmp[niFame], 0, 0, paint);
    }
    
    public void StartAnim(){
        myThread = new MyThread(true);
        myThread.start();
    }
    
    public void StopAnim(){
        myThread.isRunning = false;
    }
    /******************
     * 根据传入的图片id，转换成bitmap
     */
    private void init(Context contexts,int[] id){
        for(int i=0,l=id.length; i < l; i++){
            arr_bmp = BitmapFactory.decodeResource(contexts.getResources(), id);
        }
    }
    class MyThread extends Thread{
        private boolean isRunning;
        public MyThread(boolean isRun) {
            isRunning = isRun;
        }
        @Override
        public void run() {
            while(isRunning){
                try {
                    niFame = (++niFame)% arr_bmp.length;
                    postInvalidate();
                    Thread.sleep(500);
                } catch (Exception e) {
                }
            }
        }
    }
}
效果图比较麻烦就不贴了，感兴趣的自己拿去实验一下，和imageview一样，只不过new 完该对象后要调用start方法。就可以达到效果了。

思路是：传入你需要放置的连帧图片的id数组，也就是资源文件下的res对应的图片id，然后开启线程去实现图片id++，在线程中调用postInvalidate()函数去更新，记住在ondraw函数中，一定要去锯齿，不然可能画出来的图片可能有问题，这是我的前辈告诉我的。谢谢你们的帮助，所以本着分享的精神，我将我写的这个控件分享出来。
     为了更好的控制这个线程，我加入了一个Boolean变量，当在当前页面的时候，你调用StartAnim这个函数开启线程，执行imageview动画，结束这个时候可以调用stop，如果仅仅是引导页面需要的话，可以不用stop,当你界面跳入到另一个页面的时候，这个线程应该就会停止，不知道理解的对不对，请大神批评指导。

github地址：https://github.com/hs10222/ImageView-Animation