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

本文探讨了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 <
  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值