Android ApiDemos示例解析(55):Graphics->BitmapMesh

 

Canvas的drawBitmapMesh定义如下：

public void drawBitmapMesh(Bitmap bitmap, int meshWidth, int meshHeight, float[] verts, int vertOffset, int[] colors, int colorOffset, Paint paint)

表示将图像绘制在网格上，说得通俗一些，可以将画板想像成一张格子布，在这张布上绘制图像。对于一个网格端点均匀分布的网格来说，横向有meshWidth+1个顶点，纵向有meshHeight+1个端点。 顶点数组verts 是以行优先的数组 （二维数组以一维数组表示，先行后列）。网格可以不均匀分布，参数定义如下：

• bitmap: 需要绘制在网格上的图像。
• meshWidth: 网格的宽度方向的数目(列数），为0时不绘制图像。
• meshHeight:网格的高度方向的数目（含数），为0时不绘制图像。
• verts: (x,y)对的数组，表示网格顶点的坐标，至少需要有(meshWidth+1) * (meshHeight+1) * 2 + meshOffset  个(x,y)坐标。
• vertOffset: verts数组中开始跳过的(x,y)对的数目。
• Colors: 可以为空，不为空为没个顶点定义对应的颜色值，至少需要有(meshWidth+1) * (meshHeight+1) * 2 + meshOffset  个(x,y)坐标。
• colorOffset： colors数组中开始跳过的(x,y)对的数目。
• paint: 可以为空。

为了更好的说明一下“Mesh”的概念，我们稍微修改一下代码，在图像上面加上绿色的网格（如果了解OpenGL的话，这里Mesh和3D绘图的Mesh的概念类似）。drawImageWithGrid 在图像上面绘制网格。

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

Bitmap mBitmap1 = BitmapFactory.decodeResource(getResources(),   R.drawable.beach);    mBitmap=Bitmap.createBitmap(mBitmap1.getWidth(),   mBitmap1.getHeight(), Bitmap.Config.ARGB_8888); drawImageWithGrid(mBitmap1);      ... private void drawImageWithGrid(Bitmap image){   Canvas canvas= new Canvas(mBitmap);   float w = mBitmap.getWidth();   float h = mBitmap.getHeight();   int xCount=( int )w/WIDTH;   int yCount=( int )h/HEIGHT;   Paint paint= new Paint();   canvas.drawBitmap(image, 0 , 0 , paint);   paint.setStyle(Paint.Style.STROKE);   paint.setStrokeWidth( 1 );   paint.setColor( 0x8000FF00 );   for ( int i= 0 ;i<xCount;i++){   for ( int j= 0 ;j<yCount;j++){   canvas.drawRect(i*WIDTH, j*HEIGHT,   i*WIDTH+WIDTH, j*HEIGHT+HEIGHT, paint);   }   } }

通过调整网格的坐标，可以对图像进行变化，本例实现的效果，但在图像上点击时，就像用手指在一块画布上压下少许（布是软的）。例子的warp方法实现翘曲画布的算法（变换Mesh的顶点坐标，具体算法不用深究）。