Android 图片特效处理：drawBitmapMesh——图像扭曲+动感

最新推荐文章于 2020-07-24 13:50:41 发布

danfengw

最新推荐文章于 2020-07-24 13:50:41 发布

阅读量8.3k

点赞数 3

分类专栏： Android

本文链接：https://blog.csdn.net/danfengw/article/details/48598489

版权

本文探讨了Android中drawBitmapMesh方法，用于实现图片的扭曲和动态效果。介绍了其核心原理，即通过改变Bitmap图像的网格坐标点实现变形。并提供了两个实例，包括揉动和飘动图片的实现思路，涉及手势监听和界面刷新。

摘要由CSDN通过智能技术生成

　　最近学了好多绘图啊，图片处理啊之类的，想着学全面一点，就又研究了一下drawBitmapMesh，drawBitmapMesh也是在Canvas画布上进行使用的，它具有能够使图片扭曲变形的效果，感觉有点像哈哈镜，只不过哈哈镜是直接照出来的效果，而drawBitmapMesh是通过改变它所有点的坐标位置改变图像的。

drawBitmapMesh核心原理

　　我们使用drawBitmapMesh是通过这行代码实现的 canvas.drawBitmapMesh(bitmap, meshWidth, meshHeight, verts, vertOffset, colors, colorOffset, paint)，可以看出来参数一是一张Bitmap图像，参数二、三分别是扭曲图像分割的点数（继续看你就会理解这里的意思），verts是变化的坐标点，vertOffset是偏移量。我们只能通过改变verts来改变图片的形状。
下面来看下drawBitmapMesh实现的核心原理，看下面一张图片，我们将图片进行分割成了许许多多的小方块，形成网格，网格的交叉点就是我们所要获得的坐标点。通过将一张图片分割，获取坐标点，之后改变坐标点，图片就会呈现不同的形状了（这里可能不太好理解，如果有学过ps可能就比较好理解了）。
这里写图片描述
注：上面的图片我们分成了5*5的网格，这样就会产生6*6个坐标点

实例：揉动的图片

这里写图片描述
思路：
1、确定划分网格数
2、通过划分的网格数，确定变化数组float[] verts与原始数组float[] origs存放坐标点，使用一个数组存xy坐标（偶数位为X坐标，奇数位为Y坐标）。
3、通过for循环获得所有坐标点
4、监听手势，改变verts[]数组值，刷新界面
5、在canvas上绘制改变后的Bitmap

public class MydrawBitmapMesh extends View{
   
    private Bitmap mbitmap;
    //将图片划分成200*200个小格
    private static final int WIDTH=200;
    private static final int HEIGHT=200;
    //小格相交的总的点数
    private int COUNT=(WIDTH+1)*(HEIGHT+1);
    private float[] verts=new float[COUNT*2];
    private float[] origs=new float[COUNT*2];
    private <