Android Api Demos登顶之路（六十九）Graphics-->Bitmap Mesh

/*
 * 这个demo演示的核心内容就是public void drawBitmapMesh(Bitmap bitmap, int meshWidth, 
 * int meshHeight, float[] verts, int vertOffset, int[] colors, int colorOffset, 
 * Paint paint)方法。表示将图像绘制在网格上。
 * 第一个参数：表示要绘制的图像
 * 第二个参数：网络的列数，为0时表示不绘制图像
 * 第三个参数：网络的行数，为0时表示不绘制图像
 * 第四个参数：用一个一维数组表示网格顶点的坐标。（第一个元素表示第一个顶点的X坐标，第二元素表示第一个顶点
 * 的y坐标；第三个元素表示第二个顶点的x坐标，第四个元素表示第二个顶点的y坐标，以此类推）
 * 第五个参数：数组的偏移量
 * 第六个参数：表示顶点的颜色值
 * 第七个参数：颜色数组的偏移量
 * 第八个参数：画笔，可以为空
 * 
 */
public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new SampleView(this));
    }

    private static class SampleView extends View {
        // 定义网格的行数和列数
        private static final int WIDTH = 20;
        private static final int HEIGHT = 20;
        // 定义顶点的个数
        private static final int COUNT = (WIDTH + 1) * (HEIGHT + 1);

        private Bitmap mBitmap;
        private float[] mVierts = new float[COUNT * 2];
        private float[] mOrig = new float[COUNT * 2];

        // 定义两个矩阵
        private Matrix mMatrix = new Matrix();
        private Matrix mInverse = new Matrix();

        // 将坐标放入到坐标数组当中
        private static void setXY(float[] array, int index, float x, float y) {
            array[index * 2 + 0] = x;
            array[index * 2 + 1] = y;
        }

        public SampleView(Context context) {
            super(context);
            setFocusable(true);

            mBitmap = BitmapFactory.decodeResource(getResources(),
                    R.drawable.beach);
            // 获取到位图的宽和高
            float w = mBitmap.getWidth();
            float h = mBitmap.getHeight();
            int index = 0;
            // 获取到顶点的坐标并将其设置到数组当中
            for (int y = 0; y <= HEIGHT; y++) {
                float fy = y * h / HEIGHT;
                for (int x = 0; x <= WIDTH; x++) {
                    float fx = x * w / WIDTH;
                    setXY(mVierts, index, fx, fy);
                    setXY(mOrig, index, fx, fy);
                    index++;
                }
            }

            // 设置矩阵的移动距离
            mMatrix.setTranslate(10, 10);
            // 获取mMatrix的反转矩阵并将其赋值给mInverse
            mMatrix.invert(mInverse);
        }

        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            canvas.drawColor(0xffcccccc);
            // 将画布分别向下和向右移动10个像素的距离
            canvas.concat(mMatrix);
            // canvas.drawBitmap(mBitmap, 10,10, null);
            canvas.drawBitmapMesh(mBitmap, WIDTH, HEIGHT, mVierts, 0, null, 0,
                    null);
        }

        private int mLastWarpX = -9999; // don't match a touch coordinate
        private int mLastWarpY;

        // 定义点击事件
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            float[] pt = { event.getX(), event.getY() };
            // 用当前矩阵（mInverse）改变数组pt中的值，并将值再次存入数组当中
            mInverse.mapPoints(pt);

            int x = (int) pt[0];
            int y = (int) pt[1];
            if (mLastWarpX != x || mLastWarpY != y) {
                mLastWarpX = x;
                mLastWarpY = y;
                warp(pt[0], pt[1]);
                invalidate();
            }
            return true;
        }

        //定义了一种算法，实现的功能是当我们点击图像时，我们所点击的
        //地方出现扭曲的效果
        private void warp(float cx, float cy) {
            final float K = 10000;
            float[] src = mOrig;
            float[] dst = mVierts;
            for (int i = 0; i < COUNT * 2; i += 2) {
                float x = src[i + 0];
                float y = src[i + 1];
                float dx = cx - x;
                float dy = cy - y;
                float dd = dx * dx + dy * dy;
                float d = FloatMath.sqrt(dd);
                float pull = K / (dd + 0.000001f);

                pull /= (d + 0.000001f);
                // android.util.Log.d("skia", "index " + i + " dist=" + d +
                // " pull=" + pull);

                if (pull >= 1) {
                    dst[i + 0] = cx;
                    dst[i + 1] = cy;
                } else {
                    dst[i + 0] = x + dx * pull;
                    dst[i + 1] = y + dy * pull;
                }
            }
        }
    }
}