（十二)BitmapMash 及其使用

触摸感应图像扭曲

原创于 2014-01-23 23:33:42 发布 · 839 阅读

0 ·

CC 4.0 BY-SA版权

移动开发专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用触摸点对图像进行扭曲的技术。该技术通过计算触摸点与图像顶点的距离来确定扭曲的程度，并实现了实时更新图像显示的功能。

1、BitmapMash

根据触摸点对图像进行扭曲，扭曲的程度依据触摸点与数组的定点来进行确定，处理方法如下：

public boolean onTouchEvent(MotionEvent event){

warp(event.getX(), event.getY());
return true;

}

首先需要获取位图，并定义成网格状。新建两个数组用于存放位移变换以前以及扭曲后的位置

private class MyView extends View {

  // 图像定义成50格
  private int WIDTH = 50;
  private int HEIGHT = 50;
  // 记录该图片包含的定点数
  private int COUNT = (WIDTH + 1) * (HEIGHT + 1);
  // 定义数组来存放扭曲前与后的坐标，通过计算触摸点与数组顶点的值来确定扭曲的位置
  float[] orig = new float[COUNT * 2];
  float[] verts = new float[COUNT * 2];

  // 扭曲的方法
  public MyView(Context context, int drawable) {
   super(context);
   this.setFocusable(true);

   // 加载图片
   bitmap = BitmapFactory.decodeResource(getResources(),
     R.drawable.ic_launcher);

   float bitmapWidth = bitmap.getWidth();
   float bitmapHeight = bitmap.getHeight();

int index = 0;

for (int i = 0; i < HEIGHT; i++) {

float fy = (bitmapHeight * i) / HEIGHT;

for (int t = 0; t < WIDTH; t++) {

float fx = (bitmapWidth * t) / WIDTH;

     // 初始化两个数组
     orig[index * 2 + 0] = verts[index * 2 + 0] = fx;
     orig[index * 2 + 1] = verts[index * 2 + 1] = fy;
     index = index + 1;

    }
   }
   setBackgroundColor(Color.WHITE);

}

// 根据触摸事件的位置计算verts里面的值
private void warp(float cx, float cy) {

for (int m = 0; m < COUNT * 2; m++) {

    float dx = cx - orig[m + 0];
    float dy = cy + orig[m + 1];
    // 计算dd对应点与（cx，cy）对应点之间的距离
    float dd = dx * dx + dy * dy;

    float d = (float) Math.sqrt(dd);
    // 计算扭曲度
    float pull = 80000 / (float) (dd * d);

// 对verts数组重新赋值

if (pull > 1) {

     verts[m] = cx;
     verts[m + 1] = cy;
    } else {
     // 各触摸点向定点偏移
     verts[m] = orig[m] + dx * pull;
     verts[m + 1] = orig[m + 1] + dy * pull;

}

   }
   // 通知view组件重新绘制
   invalidate();
  }

public boolean onTouchEvent(MotionEvent event) {

warp(event.getX(), event.getY());
return true;

}