Android 涂鴉最佳實踐
來自： http://www.jcodecraeer.com//a/anzhuokaifa/androidkaifa/2014/0909/1678.html
Android中實現手勢繪圖一般都兩種方式，一是直接在View上繪制，而是使用SurfaceView。兩者還是有一些區別的，簡單介紹下。View：顯示視圖，內置畫布，提供圖形繪制函數、觸屏事件、按鍵事件函數等；必須在UI主線程內更新畫面，速度較慢。 SurfaceView：基于view視圖進行拓展的視圖類，更適合2D游戲的開發；是view的子類，使用雙緩機制，在新的線程中更新畫面所以刷新界面速度比view快。所以呢，要實現涂鴉的功能優先選擇后者。
在開始碼代碼之前，先簡單理下要實現的功能。
1、可以自定義畫筆的顏色
2、可以自定義畫筆的粗細
3、可以實現各種常見形狀的繪制
4、允許畫布的回退，就是回到上一步
5、要支持橡皮擦功能
6、已作完的畫，要支持保存
下面我們就逐步去實現這五個功能點。
一、關于自定義畫筆的顏色和粗細，這個最簡單，只須調用Paint的setColor(int color)和setStrokeWidth(float width)這兩個方法即可。需要主要的是，使用SurfaceView繪圖需要注意是通過SurfaceHolder獲得Canvas實例，這時可以通過Canvas實例去繪圖，繪制結束調用unlockCanvasAndPost（canvas）去提交改變。
@Override
public void surfaceCreated(SurfaceHolder holder) {
Canvas canvas = mSurfaceHolder.lockCanvas();
canvas.drawColor(Color.WHITE);
mSurfaceHolder.unlockCanvasAndPost(canvas);
mActions = new ArrayList<Action>();
} 二、支持自由曲線、直線、矩形、圓形、實心矩形、實心圓形，很方便的進行擴展。這里先抽象出一個基類Action，每一次的繪制都是一個action實例，我們的畫板就是一個action的列表，這樣就能很好的支持回退功能。
public abstract class Action {
public int color;
Action() {
color = Color.BLACK;
}
Action(int color) {
this.color = color;
}
public abstract void draw(Canvas canvas);
public abstract void move(float mx, float my);
} 三、畫布的回退。如果畫布上的action列表大小不為0，表示畫布目前是支持回退的，只須把列表中最后一個action給remove掉，重新繪制就OK了
public boolean back() {
if (mActions != null && mActions.size() > 0) {
mActions.remove(mActions.size() - 1);
Canvas canvas = mSurfaceHolder.lockCanvas();
canvas.drawColor(Color.WHITE);
for (Action a : mActions) {
a.draw(canvas);
}
mSurfaceHolder.unlockCanvasAndPost(canvas);
return true;
}
return false;
} 四、橡皮擦。這里我取了個巧，畫布的背景是白色的，所以橡皮擦的實現也是一個action，形狀為自由曲線，顏色也為白色，這樣就營造了一種被擦除的效果，其實只是被白色的曲線給遮蓋住了。按照第三點的實現，橡皮擦也支持回退。
case R.id.eraser_picker:
mDoodle.setSize(10);
mDoodle.setColor("#ffffff");
break; 五、保存畫板。畫布上畫滿了你的各種圖形，最后一步就是保存了，但是View和SurfaceView的截取是不同的，View是靜態的被動的，SurfaceView是主動的動態的，如果使用View的截圖方法只能得到一個黑屏。這時好辦法就是把咱們保存的action列表重新繪制出來。代碼如下
/**
* 獲取畫布的截圖
* @return
*/
public Bitmap getBitmap() {
bmp = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bmp);
doDraw(canvas);
return bmp;
}