Android ApiDemos示例解析(66):Graphics->FingerPaint

本例FingerPaint实现了使用手指在屏幕上任意涂鸦，支持颜色选择，多种画刷模式，并可以擦除部分绘图。

例子使用Path来通过onTouchEvent事件记录手指在屏幕上的绘制路线。

@Override
public boolean onTouchEvent(MotionEvent event) {
 float x = event.getX();
 float y = event.getY();
 
 switch (event.getAction()) {
 case MotionEvent.ACTION_DOWN:
 touch_start(x, y);
 invalidate();
 break;
 case MotionEvent.ACTION_MOVE:
 touch_move(x, y);
 invalidate();
 break;
 case MotionEvent.ACTION_UP:
 touch_up();
 invalidate();
 break;
 }
 return true;
}

Path类可以通过 moveTo, quadTo, lineTo记录手指在屏幕上的路径。

本例还使用了到MaskFilter,MaskFilter 可以对图像的Alaph-Channel 做些变换（边缘效果），Android包含了下面几种MaskFilter：

• BlurMaskFilter 指定了一个模糊的样式和半径来处理Paint的边缘。
• EmbossMaskFilter 指定了光源的方向和环境光强度来添加浮雕效果。

其中 EmbossMaskFilter emboss=new EmbossMaskFilter(direction,light,specular,blur);

direction 定义了光源的方向，light 定义光的亮度， specular定义光的等级,blur模糊度。

实现擦除使用PorterDuff 的Clear 模式，可以参见Android ApiDemos示例解析(59):Graphics->ColorFilters。

mPaint.setXfermode(new PorterDuffXfermode(
 PorterDuff.Mode.CLEAR));

ColorPickerDialog 为颜色选取对话框，选择颜色的结果是通过实现ColorPickerDialog.OnColorChangedListener 回调函数来获取：

public class FingerPaint extends GraphicsActivity
 implements ColorPickerDialog.OnColorChangedListener {
 
 ....
 public void colorChanged(int color) {
 mPaint.setColor(color);
 }
 
 
 new ColorPickerDialog(this, this, mPaint.getColor()).show();
 
 ...
}

 

在手机上运行效果如下图：