Android使用API實現(xiàn)圖像扭曲效果示例
本文實例講述了Android使用API實現(xiàn)圖像扭曲效果。分享給大家供大家參考,具體如下:
/**
* Android API實現(xiàn)圖像扭曲效果
* @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;
//數(shù)組,記錄Bitmap上的21*21個點的坐標(biāo)
private final float[] mVerts = new float[COUNT * 2];
//記錄Bitmap上的21*21個點經(jīng)過扭曲后的坐標(biāo)
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();
//構(gòu)建扭曲數(shù)據(jù)
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數(shù)組
//初始化,orig,verts兩個數(shù)組均勻地保存了21 * 21個點的x,y坐標(biāo)
setXY(mVerts, index, fx, fy);
setXY(mOrig, index, fx, fy);
index += 1;
}
}
//設(shè)置平移效果
mMatrix.setTranslate(10, 10);
//實現(xiàn)亂矩陣逆向坐標(biāo)映射
mMatrix.invert(mInverse);
}
@Override
protected void onDraw(Canvas canvas) {
canvas.drawColor(0xFFCCCCCC);
//對matrix的變換應(yīng)用到canvas上的所有對象.
canvas.concat(mMatrix);
/**
* bitmap 需要扭曲的源位圖
* meshWidth 控制在橫向上把該源位圖劃成成多少格
* meshHeight 控制在縱向上把該源位圖劃成成多少格
* verts 長度為(meshWidth + 1) * (meshHeight + 1) * 2的數(shù)組,它記錄了扭曲后的位圖各頂點位置
* vertOffset 控制verts數(shù)組中從第幾個數(shù)組元素開始才對bitmap進行扭曲
*/
canvas.drawBitmapMesh(mBitmap, WIDTH, HEIGHT, mVerts, 0, null, 0,
null);
}
//根據(jù)觸摸事件的位置計算verts數(shù)組里各元素的值
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;
//計算每個坐標(biāo)點與當(dāng)前點(cx,cy)之間的距離
float d = FloatMath.sqrt(dd);
//扭曲度,距離當(dāng)前點(cx,cy)越遠,扭曲度越小
float pull = K / (dd + 0.000001f);
pull /= (d + 0.000001f);
//對dst數(shù)組(保存bitmap 上21 * 21個點經(jīng)過扭曲后的坐標(biāo))賦值
if (pull >= 1) {
dst[i + 0] = cx;
dst[i + 1] = cy;
} else {
//控制各頂點向觸摸事件發(fā)生點偏移
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() };
//用當(dāng)前矩陣改變pts中的值,然后存儲在pts中,同上,pts也是存儲點的坐標(biāo)的數(shù)組
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;
}
}
}
另:關(guān)于Android Matrix可參考:http://www.dhdzp.com/article/121048.htm
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android圖形與圖像處理技巧總結(jié)》、《Android開發(fā)入門與進階教程》、《Android調(diào)試技巧與常見問題解決方法匯總》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android布局layout技巧總結(jié)》及《Android控件用法總結(jié)》
希望本文所述對大家Android程序設(shè)計有所幫助。
- Android圖像處理之繪制圓形、三角形及扇形的頭像
- android圖像繪制(七)ClipRect局部繪圖/切割原圖繪制總結(jié)
- android圖像繪制(六)獲取本地圖片或拍照圖片等圖片資源
- android圖像繪制(五)畫布保存為指定格式/大小的圖片
- android圖像繪制(四)自定義一個SurfaceView控件
- android圖像繪制(三)畫布刷屏問題記錄
- android圖像繪制(二)畫布上放大縮小問題
- android圖像繪制(一)多種方法做圖像鏡像
- Android開發(fā)筆記之:在ImageView上繪制圓環(huán)的實現(xiàn)方法
- Android編程繪制圓形圖片的方法
- Android編程實現(xiàn)扭曲圖像的繪制功能示例
相關(guān)文章
Android實現(xiàn)知乎選項卡動態(tài)隱藏效果實例
選項卡相信對大家來說應(yīng)該不陌生,最近發(fā)現(xiàn)知乎選項卡的動態(tài)隱藏效果不錯,下面這篇文章主要給大家介紹了關(guān)于Android實現(xiàn)知乎選項卡動態(tài)隱藏效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-02-02
Android Compose衰減動畫Animatable使用詳解
這篇文章主要為大家介紹了Android Compose衰減動畫Animatable使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-11-11
Android文本框搜索和清空效果實現(xiàn)代碼及簡要概述
在工作過程中可能會遇到這樣一個效果:文本框輸入為空時顯示輸入的圖標(biāo);不為空時顯示清空的圖標(biāo),此時點擊清空圖標(biāo)能清空文本框內(nèi)輸入文字,感興趣的你可以了解下哦,或許對你學(xué)習(xí)android有所幫助2013-02-02
Android自定義View實現(xiàn)自動轉(zhuǎn)圈效果
這篇文章主要為大家詳細介紹了Android自定義View實現(xiàn)自動轉(zhuǎn)圈效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-05-05

