android画图---图像的扭曲

本文介绍了一种使用Android Canvas实现图像扭曲的方法。通过drawBitmapMesh方法结合mesh网格,可以实现图像的变形效果。文章详细解释了如何构建mesh网格并利用Matrix进行图像定位,同时提供了触摸事件触发图像变化的具体实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这个实例 是图像的扭曲,代码比较复杂,很多不是很懂,只把大体意思几下:
canvas.drawBitmapMesh(mBitmap, WIDTH, HEIGHT, mVerts, 0,
null, 0, null);
主要通过mesh创建一个图像,这个mesh呢是可以扭曲的,这里面一定要注意vmVerts,这个数组是宽高都加以后乘机的两倍 然后在加上 偏移数值 ,上面的偏移是0.
private static final int WIDTH = 20;
private static final int HEIGHT = 20;
private static final int COUNT = (WIDTH + 1) * (HEIGHT + 1);

private final Bitmap mBitmap;
private final float[] mVerts = new float[COUNT*2];
private final float[] mOrig = new float[COUNT*2];

private final Matrix mMatrix = new Matrix();
private final Matrix mInverse = new Matrix();
这是最基本的初始化,注意数组的变化。

下面是把成对的坐标放在一个数组中,其中奇数项存x,偶数项存y。
private static void setXY(float[] array, int index, float x, float y) {
array[index*2 + 0] = x;
array[index*2 + 1] = y;
}

@Override protected void onDraw(Canvas canvas) {
canvas.drawColor(0xFFCCCCCC);

canvas.concat(mMatrix);
// canvas.concat(mInverse);
canvas.drawBitmapMesh(mBitmap, WIDTH, HEIGHT, mVerts, 0,
null, 0, null);

}
其中canvas.concat(mMatrix);不是很懂貌似是用参数来取代默认的Matrix,就是说要对哪个进行绘画。


public SampleView(Context context) {
super(context);
setFocusable(true);

mBitmap = BitmapFactory.decodeResource(getResources(),
R.drawable.beach);

float w = mBitmap.getWidth();
float h = mBitmap.getHeight();
// construct our mesh
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;
setXY(mVerts, index, fx, fy);
setXY(mOrig, index, fx, fy);
index += 1;
}
}

mMatrix.setTranslate(100, 10);
mMatrix.invert(mInverse);
// mInverse.setTranslate(100, 100);

}
上面就是一个view的构造函数, mMatrix.setTranslate(100, 10);
用来设置mMatrix在屏幕上的位置。for循环是把图像上的每个点都存储在数组中。
最后动过一个事件来改变数组中值产生图像的变化。
@Override public boolean onTouchEvent(MotionEvent event) {
float[] pt = { event.getX(), event.getY() };
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;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值