Android之图像处理drawBitmapMesh

以前的账号不用了，现在是新账号的第一篇，从此就认定这个啦！！
最近了解了android中的drawBitmapMesh这个方法，利用这个方法写了一个旗帜飘动的效果。 先了解一下drawBitmapMesh()方法及参数

drawBitmapMesh(Bitmap bitmap, int meshWidth, int meshHeight, float[] verts,int vertOffset, int[] colors, int colorOffset, Paint paint)
参数依次是：
bitmap：需要扭曲的原位图。
meshWidth：该参数控制在横向上把该源位图划分成多少格。
meshHeight：该参数控制在纵向上把该源位图划分为多少格。
verts：该参数是一个长度为(meshWidth+1)*(meshHeight+1)*2的数组，它记录了扭曲后的位图各顶点(网格线交点，我们记为“坐标点”)的位置。虽然verts是个一维数组，但是它记录的数据是形如坐标点的形式(x0, y0),(x1, y1),(x2, y2)……(xN, yN)，这些数组元素控制对bitmap位图的扭曲效果.
vertOffset：控制verts数组从第几个数组元素开始对bitmap进行扭曲(忽略verOffset之前数据的扭曲效果)。
colors: 值一般为null。指定每个顶点的颜色，其记录改变像素点后的位图的颜色。若不为null，长度是一个meshWidth + 1）*（meshHeight + 1）+ colorOffset值。
colorOffset：控制colors数组从第几个数组元素开始对bitmap颜色进行改变
paint:可为null，用于绘制bitmap位图。

啥也不说了，上代码

public class MeshView extends View {

    private int WIDTH = 200;
    private int HEIGHT = 200;
    private int COUNT = (WIDTH + 1) * (HEIGHT + 1);
    private float[] verts = new float[COUNT * 2];
    private float[] orig = new float[COUNT * 2];
    private Bitmap mBitmap;
    private float K = 1;

    public MeshView(Context context) {
        super(context);
        initView();
    }

    public MeshView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public MeshView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    private void initView() {
        // 对mesh view 进行分割
        int index = 0;
        mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test);
        float bmWidth = mBitmap.getWidth();
        float bmHeight = mBitmap.getHeight();

        // 获取坐标点  二维循环遍历每个坐标点
        for (int i = 0; i < HEIGHT + 1; i++) {
            // y轴坐标为 图像的高度* i在整个网格中所占的比例
            float fy = bmHeight * i / HEIGHT;
            // 内循环遍历宽度
            for (int j = 0; j < WIDTH + 1; j++) {
                // x坐标为 图像的宽度 * 在网格宽度中所占的比例
                float fx = bmWidth * j / WIDTH;
                /*
                  index控制每个点的递增 
                  每两个点中第一个值为x坐标 ，fx
                  每两个点中第二个值为y坐标  fy  orig[index * 2 + 1] = verts[index * 2 + 1] = fy
                  orig[index * 2 + 1] = verts[index * 2 + 1] = fy+200；加200的原因是让图像往下移动200个像素

                */
                orig[index * 2 + 0] = verts[index * 2 + 0] = fx;
                orig[index * 2 + 1] = verts[index * 2 + 1] = fy + 200;
                index += 1;
            }
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 让坐标值进行发生改变  实现旗帜飘动效果 x坐标保持不变 y坐标呈现正弦曲线变动
        // 获取改变后的坐标点
        for (int i = 0; i < HEIGHT + 1; i++) {
            for (int j = 0; j < WIDTH + 1; j++) {
                // x坐标保持不变
                verts[(i * (WIDTH + 1) + j) * 2 + 0] += 0;
                /*
                  y坐标呈现正弦变换曲线，偏移量为offsetY  加k 是让图像动起来 让图像在水平方向上进行平移
                */
                float offsetY = (float) Math.sin((float) j / WIDTH * 2 * Math.PI + K * 2 * Math.PI);
                //offsetY * 50;  改变y的坐标 通过数组verts[], verts[]的改变是在orig[] 的基础上 +  offsetY*50  50是正弦函数的振幅
                verts[(i * (WIDTH + 1) + j) * 2 + 1] =
                        orig[(i * (WIDTH + 1) + j) * 2 + 1] + offsetY * 50;
            }
        }
        K += 0.1F;
        // verts改变后的坐标位置  colors 为null  colors 是通过colors数组改变像素点的颜色
        canvas.drawBitmapMesh(mBitmap, WIDTH, HEIGHT,
                verts, 0, null, 0, null);
        invalidate();
    }
}