android 开发 View _8_ 动态图片自定义View

转载地址：https://blog.csdn.net/mengks1987/article/details/77770922

先来看下效果： 

是不是有一种熟悉感，其实这种效果使用序列帧动画也是可以实现的，这里我们介绍下如何使用自定义View实现。 
这是我们的素材，一张图片上有5个京东小哥

我们只需要不停的变换小哥就好了，原理明白了我们看下代码：

public class JDLoadingView extends View {

    private Bitmap bitmap;

    private int index = 0;

    private Paint paint;

    private long lastTime = 0;

    public JDLoadingView(Context context) {
        this(context,null);
    }

    public JDLoadingView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public JDLoadingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        this(context, attrs, defStyleAttr,0);
    }

    public JDLoadingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        bitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.jd);
        paint = new Paint();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //第2个和第3个一样的，作图的时候重复了，所以抛弃第二个
        if(index == 2){
            index = 3;
        }
        //计算显示第几个小哥
        int left = bitmap.getWidth()/5*index;
        int top =0;
        int right = bitmap.getWidth()/5*(index+1);
        int bottom = bitmap.getHeight();
        //显示一个京东小哥
        canvas.drawBitmap(bitmap,new Rect(left,top,right,bottom),new Rect(0,0,getWidth(),getHeight()),paint );
        index++;
        //显示到最后一个，再次从头开始显示
        if(index >=5){
            index = 0;
        }
        //100ms以后刷新
        postInvalidateDelayed(100);
    }
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51

重点地方加上了注释，只要原理明白了，实现还是很简单的。