初学Android,图形图像之使用drawBitmapMesh扭曲图像(三十二)

Canvas提供了一个方法
drawBitmapMesh(Bitmapbitmap,intmeshWidth,intmeshHeight,float[]verts,intvertOffset,int[]colors,intcolorffset,Paintpaint)
这个方法可以对bitmap进行扭曲
参数说明如下:
bitmap　　　　　需要扭曲的源位图
meshWidth　　控制在横向上把该源位图划成成多少格
meshHeight　　控制在纵向上把该源位图划成成多少格
verts　　　　　长度为(meshWidth+1)*(meshHeight+1)*2的数组，它记录了扭曲后的位图各顶点位置
vertOffset控制verts数组中从第几个数组元素开始才对bitmap进行扭曲

下面是扭曲一张风景图片的例子

package WangLi.Graphics.WarpTest;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Color;import android.os.Bundle;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;public class WarpTest extends Activity {    /** Called when the activity is first created. */    private Bitmap bitmap;@Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(new MyView(this,R.drawable.psb));    }private class MyView extends View{//定义两个常量,这两个常量指定该图片横向,纵向上都被划分为20格private final int WIDTH = 20;private final int HEIGHT = 20;//记录该图片上包含441个顶点private final int COUNT = (WIDTH + 1) * (HEIGHT + 1); //定义一个数组,记录Bitmap上的21*21个点的坐标private final float[] verts = new float[COUNT * 2];//定义一个数组,记录Bitmap上的21*21个点经过扭曲后的坐标//对图片扭曲的关键就是修改该数组里元素的值private final float[] orig = new float[COUNT * 2];public MyView(Context context, int drawableId) {super(context);setFocusable(true);//根据指定资源加载图片bitmap = BitmapFactory.decodeResource(getResources(), drawableId);//获取图片宽度和高度float bitmapWidth = bitmap.getWidth();float bitmapHeight = bitmap.getHeight();int index = 0;for(int y = 0; y <= HEIGHT; y++){float fy = bitmapHeight * y / HEIGHT;for(int x = 0 ; x <= WIDTH; x++){float fx = bitmapWidth * x / WIDTH;//初始化orig,verts数组//初始化,orig,verts两个数组均匀地保存了21 * 21个点的x,y坐标　orig[index * 2 + 0] = verts[index * 2 + 0] = fx;orig[index * 2 + 1] = verts[index * 2 + 1] = fy;index += 1;}}//设置背景色 setBackgroundColor(Color.WHITE);}protected void onDraw(Canvas canvas){//对bitmap按verts数组进行扭曲//从第一个点(由第5个参数0控制)开始扭曲canvas.drawBitmapMesh(bitmap, WIDTH, HEIGHT, verts, 0, null, 0, null);}//工具方法,用于根据触摸事件的位置计算verts数组里各元素的值private void warp(float cx, float cy){for(int i = 0; i < COUNT * 2; i += 2){float dx = cx - orig[i + 0];float dy = cy - orig[i + 1];float dd = dx * dx + dy * dy;//计算每个坐标点与当前点(cx,cy)之间的距离float d = (float)Math.sqrt(dd);//计算扭曲度，距离当前点(cx,cy)越远，扭曲度越小float pull = 80000 / ((float)(dd * d));//对verts数组(保存bitmap　上21 * 21个点经过扭曲后的坐标)重新赋值if(pull >= 1){verts[i + 0] = cx;verts[i + 1] = cy;}else{//控制各顶点向触摸事件发生点偏移verts[i + 0] = orig[i + 0] + dx * pull;verts[i + 1] = orig[i + 1] + dx * pull;}}//通知View组件重绘invalidate();}public boolean onTouchEvent(MotionEvent event){//调用warp方法根据触摸屏事件的坐标点来扭曲verts数组warp(event.getX() , event.getY());return true;}}}

更多相关文章

随机推荐