下拉刷新--随着拉动距离的变化，给图片染色

废话不多说，看效果图：

我是在改写一个开源框架PullToRefresh的框架的基础上实现的，小改

demo下载地址：

https://github.com/gerenvip/TestNineOldAndroid

下面是动画的核心类，借鉴了一位互联网朋友写的文章，由于目前找不到原文在哪里了，烦请见谅。不过在这里依然感谢他的奉献。

package com.cyou.iuu.loading;

import android.content.Context;
import android.graphics.*;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import com.handmark.pulltorefresh.library.R;

import java.util.Random;

public class RecordingView extends View implements Runnable {

    Paint mPaint;
    Bitmap mBitmap;
    int mBitmapWidth = 0;
    int mBitmapHeight = 0;
    int mArrayColor[] = null;
    int mArrayColorLengh = 0;
    long startTime = 0;
    int mBackVolume = 0;
    private Paint paint;
    private int startDrawX;
    private int startDrawY;
    public boolean flag = true;
    protected int animColor;
    protected int drawColor;
    private final String colorStr = "#fc3e4b";
    private final String drawColorStr = "#b8b8b8";

    public RecordingView(Context context) {
        super(context);
        init(context);
    }

    public RecordingView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    void init(Context context) {
        //初始化一个画笔
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

        //在这里创建了一张bitmap
        Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),
                R.drawable.iuu_touming);
        //由于通过BitmapFactory.decodeResource得到的bitmap是不能修改的，可以copy一个可修改的bitmap
        mBitmap = bitmap.copy(Bitmap.Config.ARGB_8888, true);
        //将这张bitmap设置为背景图片
        //setBackgroundDrawable(new BitmapDrawable(mBitmap));

        mBitmapWidth = mBitmap.getWidth();
        mBitmapHeight = mBitmap.getHeight();
        //Log.e("IUU", "RecordingView init with=" + mBitmapWidth + ";;height=" + mBitmapHeight);

        //保存原本的色值
        mArrayColorLengh = mBitmapWidth * mBitmapHeight;
        mArrayColor = new int[mArrayColorLengh];
        int count = 0;
        for (int i = 0; i < mBitmapHeight; i++) {
            for (int j = 0; j < mBitmapWidth; j++) {
                //获得Bitmap 图片中每一个点的color颜色值
                int color = mBitmap.getPixel(j, i);
                //将颜色值存在一个数组中 方便后面修改
                mArrayColor[count] = color;
                //如果你想做的更细致的话 可以把颜色值的R G B 拿到做响应的处理 笔者在这里就不做更多解释
                int r = Color.red(color);
                int g = Color.green(color);
                int b = Color.blue(color);
                count++;
            }
        }
        startTime = System.currentTimeMillis();
        startDrawX = this.getWidth();
        startDrawY = this.getHeight();
        animColor = Color.parseColor(colorStr);
        drawColor = Color.parseColor(drawColorStr);
        paint = new Paint();
        mPaint.setColor(drawColor);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawBitmap(mBitmap, startDrawX, startDrawY, paint);//将图片画到画布上
        //每隔100毫秒设置一下填充的颜色区域
       if (System.currentTimeMillis() - startTime >= 200) {
            startTime = System.currentTimeMillis();
           Log.e("IUU", "setVolume currentHeight=" + currentHeight);
            setVolume(currentHeight);
        }

        //用于刷新屏幕
        invalidate();
    }

    private int currentHeight;

    public void setPercent(float percent) {
        int y = (int)(percent * 100);
        if (y < 0) {
            currentHeight = 0;
        } else if (y > 100) {//防止染色的时候高度越界
            currentHeight = 100;
        } else {
            currentHeight = y;
        }
    }

    /**
     * 渲染高度
     * @param volume    0=<volume<=100
     */
    public void setVolume(int volume) {
        int startY = 0;
        int endY = 0;
        boolean isAdd = false;
        //判断当前应该填充新区域 还是还原旧的区域
        if (mBackVolume > volume) {
            isAdd = false;
            startY = getValue(mBackVolume);
            endY = getValue(volume);
        } else {
            isAdd = true;
            startY = getValue(volume);
            endY = getValue(mBackVolume);
        }
        //没必要每次都循环图片中的所有点，因为这样会比较耗时。
        int count = startY * mBitmapWidth;
        //从图片须要填充或者还原 颜色的起始点 开始 到 终点
        for (int i = startY; i < endY; i++) {
            for (int j = 0; j < mBitmapWidth; j++) {
                if (isAdd) {
                    //将需要填充的颜色值如果不是
                    //在这说明一下 如果color 是全透明 或者全黑 返回值为 0
                    //getPixel()不带透明通道 getPixel32()才带透明部分 所以全透明是0x00000000
                    //而不透明黑色是0xFF000000 如果不计算透明部分就都是0了
                    int color = mBitmap.getPixel(j, i);
                    if (color != 0) {
                        mBitmap.setPixel(j, i, animColor);
                    }
                } else {
                    //如果是还原颜色 把现在点的颜色 赋值为之前保存颜色的数组
                    mBitmap.setPixel(j, i, mArrayColor[count]);
                }
                count++;
            }
        }
        mBackVolume = volume;
    }

    //通过百分比 根据图片宽高算出实际填充 高度
    public int getValue(int volume) {
        return mBitmapHeight - (mBitmapHeight * volume / 100);
    }

    public int getAnimViewHeight() {
        return mBitmapHeight;
    }

    public int getAnimViewWith() {
        return mBitmapWidth;
    }

    @Override
    public void run() {
        while (flag) {
            //handler.sendEmptyMessage(0);
            try {
                Thread.sleep(200);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }

    //当所有的子view填充完后调用该方法
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();//必须调父类的方法，否则该方法不会被回调
        Log.e("IUU", "RecordView onFinishInflate");
    }

    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            //setVolume(volume);
            setVolume(UtilRandom(0, 100));
            //Log.e("IUU", "handler volume=" + volume);
        }
    };
}

demo地址（https://github.com/gerenvip/TestNineOldAndroid），欢迎批评指正。