實現思路
說說實現的大概思路，首先要有兩副圖片。這兩幅圖片的區別就在於一副有穿衣服，另外一副沒有穿衣服，其他的細節都要一模一樣。這對於懂ps的童鞋就好辦啦自己動手製作就好了。但是本文爲了照顧不懂ps的童鞋，提供兩幅圖片供大家使用~~圖中美女不美各位不要吐槽哈~。
A圖：沒穿衣服(after1)
B圖：有衣服的(pre1)
首先一開始是把A圖放在屏幕上，然後再把B圖覆蓋在A圖上。那樣用戶一開始看到的是B圖。我們通過，監聽手指移動到哪些座標上，就設置這些座標的顏色爲透明色。那麼用戶看到的就是A圖，也就達到了扒衣服的效果。
大概思路簡單敘述完了，那麼接下來看看詳細代碼：
具體實現
首先在xml佈局文件寫上兩個ImageView
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ImageView
android:src="@drawable/after1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<ImageView
android:id="@+id/iv2
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
由於我們只需操作B圖的像素點的顏色是否透明，所以只給第二個ImageView 定義id，第一個ImageView則不定義id
首先獲取B圖的bitmap對象：
bitmap= BitmapFactory.decodeResource(getResources(), R.drawable.pre1);在對B圖進行處理之前我們先得出B圖的副本copyBitmap：
1.創建空白bitmap
copyBitmap=Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), bitmap.getConfig());2.實例化Canvas對象，並把copyBitmap傳進去
Canvas canvas=new Canvas(copyBitmap); Paint paint=new Paint();
paint.setColor(Color.BLACK);4.最後照着B圖“畫”出來
canvas.drawBitmap(bitmap, new Matrix(), paint);最後把copyBitmap顯示在表層的ImageView（也就是佈局文件中的第二個ImageView）上
iv2.setImageBitmap(bitmap);現在運行會看到是這個樣子的：
顯示圖片的步驟就是以上四步，那麼接下來我們來實現監聽用戶手指滑動，並在所滑過的座標設置爲透明。
iv2.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_MOVE:
int x = (int) event.getX();
int y = (int) event.getY();
copyBitmap.setPixel(x, y , Color.TRANSPARENT);
iv2.setImageBitmap(copyBitmap);
Log.i("test", x + "," + y);
break;
}
return true;
}
});copyBitmap.setPixel(x, y , Color.TRANSPARENT);代碼就是將座標爲想x,y的像素點設置爲透明色，而event.getX（）與event.getY（）則是分別獲取用戶觸摸控件上的x座標和y座標。請注意這裏筆者說的是控件上的座標，並不是屏幕上的座標。關於屏幕座標與控件座標的區別可以看以下博文
寫到這裏，可以運行一下，可以發現是可以“扒掉衣服”但是未免扒得也太慢了吧。爲了滿足飢渴的大家，爲了能夠扒衣服扒得快一點可以加上幾句代碼，變成這樣：
case MotionEvent.ACTION_MOVE:
int x = (int) event.getX();
int y = (int) event.getY();
for (int i = -18; i < 20; i++) {
for (int j = -18; j < 20; j++) {
try {
copyBitmap.setPixel(x + i, y + j, Color.TRANSPARENT);
} catch (Exception e) {
// TODO: handle exception
}
}
}
iv2.setImageBitmap(copyBitmap);
Log.i("test", x + "," + y);
break;聰明的讀者一定可以發現，這幾句代碼的作用就是把目標像素點的周圍的像素點也變成透明色，來達到我們手指的作用範圍。
寫到這裏可以發現扒衣服的速度明顯快很多。
恩~只有扒衣服未免單一了一點，我們還可以在扒衣服的過程中加點聲音。
我們可以在手指滑動之後擡起的時候播放我們預先準備的聲音，在手指觸摸到屏幕的時候停止播放。
iv2.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_UP:
mediaPlayer = MediaPlayer.create(getApplicationContext(), R.raw.higirl);
mediaPlayer.start();;
break;
case MotionEvent.ACTION_MOVE:
int x = (int) event.getX();
int y = (int) event.getY();
for (int i = -18; i < 20; i++) {
for (int j = -18; j < 20; j++) {
try {
copyBitmap.setPixel(x + i, y + j, Color.TRANSPARENT);
} catch (Exception e) {
// TODO: handle exception
}
}
}
iv2.setImageBitmap(copyBitmap);
Log.i("test", x + "," + y);
break;
case MotionEvent.ACTION_DOWN:
if(mediaPlayer!=null){
mediaPlayer.stop();
mediaPlayer.release();
}
break;
}
return true;
}聲音文件筆者放到res\raw裏面了。
在這裏再運行一次：
最後要用到的圖片和聲音文件都在demo裏面，有興趣的可以下載一下。