Android使用API实现图像扭曲效果示例

本文实例讲述了Android使用API实现图像扭曲效果。分享给大家供大家参考,具体如下:

/**
 * Android API实现图像扭曲效果
 * @description:
 * @date 2016-7-22 下午2:19:12
 */
public class BitmapMesh extends GraphicsActivity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(new SampleView(this));
 }
 private static class SampleView extends View {
   //定义常量,指定该图片横向被划分为20格
  private static final int WIDTH = 20;
   //定义常量,指定该图片纵向上被划分为20格
  private static final int HEIGHT = 20;
  //记录该图像上包含441个顶点
  private static final int COUNT = (WIDTH + 1) * (HEIGHT + 1);
  //位图
  private final Bitmap mBitmap;
  //数组,记录Bitmap上的21*21个点的坐标
  private final float[] mVerts = new float[COUNT * 2];
   //记录Bitmap上的21*21个点经过扭曲后的坐标
  private final float[] mOrig = new float[COUNT * 2];
  private final Matrix mMatrix = new Matrix();
  private final 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.raw.beach);
   //获取图像的宽度和高度
   float w = mBitmap.getWidth();
   float h = mBitmap.getHeight();
   //构建扭曲数据
   int index = 0;
   for (int y = 0; y <= HEIGHT; y++) {
    float fy = h * y / HEIGHT;
    for (int x = 0; x <= WIDTH; x++) {
     float fx = w * x / WIDTH;
      //初始化orig,verts数组
     //初始化,orig,verts两个数组均匀地保存了21 * 21个点的x,y坐标 
     setXY(mVerts, index, fx, fy);
     setXY(mOrig, index, fx, fy);
     index += 1;
    }
   }
   //设置平移效果
   mMatrix.setTranslate(10, 10);
   //实现乱矩阵逆向坐标映射
   mMatrix.invert(mInverse);
  }
  @Override
  protected void onDraw(Canvas canvas) {
   canvas.drawColor(0xFFCCCCCC);
   //对matrix的变换应用到canvas上的所有对象.
   canvas.concat(mMatrix);
   /**
    * bitmap      需要扭曲的源位图
    * meshWidth   控制在横向上把该源位图划成成多少格
    * meshHeight    控制在纵向上把该源位图划成成多少格
    * verts       长度为(meshWidth + 1) * (meshHeight + 1) * 2的数组,它记录了扭曲后的位图各顶点位置
    * vertOffset 控制verts数组中从第几个数组元素开始才对bitmap进行扭曲
    */
   canvas.drawBitmapMesh(mBitmap, WIDTH, HEIGHT, mVerts, 0, null, 0,
     null);
  }
  //根据触摸事件的位置计算verts数组里各元素的值
  private void warp(float cx, float cy) {
   final float K = 10000;
   float[] src = mOrig;
   float[] dst = mVerts;
   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;
     //计算每个坐标点与当前点(cx,cy)之间的距离
    float d = FloatMath.sqrt(dd);
     //扭曲度,距离当前点(cx,cy)越远,扭曲度越小
    float pull = K / (dd + 0.000001f);
    pull /= (d + 0.000001f);
    //对dst数组(保存bitmap 上21 * 21个点经过扭曲后的坐标)赋值
    if (pull >= 1) {
     dst[i + 0] = cx;
     dst[i + 1] = cy;
    } else {
      //控制各顶点向触摸事件发生点偏移
     dst[i + 0] = x + dx * pull;
     dst[i + 1] = y + dy * pull;
    }
   }
  }
  private int mLastWarpX = -9999; // don't match a touch coordinate
  private int mLastWarpY;
  @SuppressLint("ClickableViewAccessibility") @Override
  public boolean onTouchEvent(MotionEvent event) {
   float[] pt = { event.getX(), event.getY() };
   //用当前矩阵改变pts中的值,然后存储在pts中,同上,pts也是存储点的坐标的数组
   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;
  }
 }
}

另:关于Android Matrix可参考:http://www.jb51.net/article/121048.htm

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

(0)

相关推荐

  • Android编程绘制圆形图片的方法

    本文实例讲述了Android编程绘制圆形图片的方法.分享给大家供大家参考,具体如下: 效果图如下: 第一步:新建RoundView自定义控件继承View package com.rong.activity; import com.rong.test.R; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.grap

  • android图像绘制(四)自定义一个SurfaceView控件

    自定义控件(类似按钮等)的使用,自定义一个SurfaceView. 如某一块的动态图(自定义相应),或者类似UC浏览器下面的工具栏. 如下图示例:  自定义类代码: 复制代码 代码如下: public class ImageSurfaceView extends SurfaceView implements Callback{ //用于控制SurfaceView private SurfaceHolder sfh; private Handler handler = new Handler();

  • android图像绘制(五)画布保存为指定格式/大小的图片

    将图片进行编辑(放缩,涂鸦等),最后保存成指定格式.大小的图片. 先贴代码: 复制代码 代码如下: Bitmap bmp = Bitmap.createBitmap(480, 800, Config.ARGB_8888); Canvas canvas = new Canvas(bmp); canvas.drawBitmap(this.bmp, matrix, paint); canvas.save(Canvas.ALL_SAVE_FLAG); canvas.restore(); File fil

  • android图像绘制(七)ClipRect局部绘图/切割原图绘制总结

    杂语:看了很多程序猿都有写博客的习惯,看来我也得练练,不管写的好不好了,学到点什么体会就写写吧. 内容解说:这几天开始学游戏地图制作,今天小小的总结一下Canvas的clipRect()接口的使用. 1)选取要在画布上绘制(刷新)的区域,如图以(x, y)为起点坐标.宽w.高h的区域 2)选择要绘制的图片,不一定是刚好宽高为(w,h),大图就需要切割了(本例子绘制绿色区域) 3)将图片绘制到画布上,使得绿色区域与白色方块重合 4)最后效果图 代码解说: 复制代码 代码如下: canvas.sav

  • Android编程实现扭曲图像的绘制功能示例

    本文实例讲述了Android编程实现扭曲图像的绘制功能.分享给大家供大家参考,具体如下: 为了实现动画效果,使用drawBitmapMess方法对图像进行扭曲,使用定时器以100毫秒的频率按圆形轨迹扭曲图像. 扭曲的关键是生成verts数组.本例一开始会先生成verts数组的初始值:有一定水平和垂直间距的网点坐标.然后通过warp方法按一定的数学方法变化verts数组中的坐标.关键部分的代码如下: 定义基本变量:MyView是用于显示扭曲的图像的自定义view,angle是圆形轨迹的当前角度:

  • android图像绘制(三)画布刷屏问题记录

    在canvas中绘制动态图的时候,如果使用了一个固定的背景图片,只有一个小小的精灵在移动! 这样的情况下却不得不在没帧中重新绘制背景图片,使得效率降低!尝试过各种方法,最终还是失败了! 如果有人有好的方法,可以提供一下,谢谢! 以下是在探索过程的一些分享: 1.一篇关于图片重新绘制的文章,不过只能是适用于精灵在固定位置变化,背景是没有变化的! 如果使用在移动的精灵上,将会使得整个屏幕都布满了精灵的移动图片,bug. 地址:Android SurfaceView 绘图覆盖刷新及脏矩形刷新方法 2.

  • Android图像处理之绘制圆形、三角形及扇形的头像

    前言 相信大家在Android日常开发中,绘制圆形和绘制图片都是很容易的事情,但是绘制圆形图片就有点难倒人了.以前为了偷懒就直接去github上找一个开源项目,后来才发现绘制圆形图片其实也是很简单的事. 绘制圆形图片也需要两个步骤: 绘制圆形和绘制图片,只不过要让它们取并集,得到的结果就是一张圆形图片了. 直接上代码: public class CircleImageView extends View { private Paint mPaint; private Paint mTargetPa

  • android图像绘制(六)获取本地图片或拍照图片等图片资源

    从SD卡中获取图片资源,或者拍一张新的图片. 先贴代码 获取图片: 注释:拍照获取的话,可以指定图片的保存地址,在此不说明. 复制代码 代码如下: CharSequence[] items = {"相册", "相机"}; new AlertDialog.Builder(this) .setTitle("选择图片来源") .setItems(items, new OnClickListener() { public void onClick(Dia

  • Android开发笔记之:在ImageView上绘制圆环的实现方法

    绘制圆环其实很简单,有大概以下三种思路. 这里先说网上提到的一种方法.思路是先绘制内圆,然后绘制圆环(圆环的宽度就是paint设置的paint.setStrokeWidth的宽度),最后绘制外圆.请看核心源码: 复制代码 代码如下: <SPAN xmlns="http://www.w3.org/1999/xhtml">package yan.guoqi.rectphoto;import android.content.Context;import android.graph

  • android图像绘制(一)多种方法做图像镜像

    在android中做图像镜像有很多方法,今天算是学习了! 两种方法如下: 复制代码 代码如下: //方法一 Matrix matrix = new Matrix(); matrix.postScale(leftOrRight, 1, bmpW/2, bmpH/2);//前两个是xy变换,后两个是对称轴中心点 matrix.postTranslate(x, y); canvas.drawBitmap(bmpLuffy[0], matrix, paint); //方法二 // canvas.save

  • android图像绘制(二)画布上放大缩小问题

    android中图像在画布上放大缩小时,图像的边框大小没有改变! 原图如下: 放大后:原来图片的边框没有改变,位置依旧! 所以如果要放置图片的位置的话,就需要做相应的位置移动才可以! 采用如下代码(全屏放置图片): 复制代码 代码如下: Matrix matrix = new Matrix(); matrix.postScale(canvas.getWidth()*1.01f/bmpBg.getWidth(), canvas.getHeight()*1.01f/bmpBg.getHeight()

随机推荐