Android简易画板

动画其实就是不断的调用View组件的onDraw方法，每次在View组件上绘制的图形不同就形成了我们看到的动画。

为了让View组件上绘制的图形发生改变，就需要采用变量记住这些数据状态，如果需要用户操作，那么就需要创建事件监听器，如果是动画自己改变那么就需要使用定时器Timer。通知View重绘可调用invalidate(在UI线程中)和postInvalidate(在非UI线程中)。

现在要做一个画图板，其实我们看到的手绘是一种假象，实际上是利用Canvas的drawLine方法画直线，每条直线都是由多个拖动事件连接而成的，通过Path类可以很方便实

现。需要指出的是这里需要使用双缓冲技术，即先把图绘制在一个内存中的cacheBitmap中，等到内存中的Bitmap绘制好之后再一次性将cacheBitmap绘制在View上。

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class DrawView extends View
{
float preX;
float preY;
private Path path;
public Paint paint = null;
final int VIEW_WIDTH = 480;  //可以根据自己手机的分辨率调整大
final int VIEW_HEIGHT = 800;
// 定义一个内存中的图片，该图片将作为缓冲区
Bitmap cacheBitmap = null;
// 定义cacheBitmap上的Canvas对象
Canvas cacheCanvas = null;

public DrawView(Context context, AttributeSet set)
{
super(context, set);
// 创建一个与该View相同大小的缓存区
cacheBitmap = Bitmap.createBitmap(VIEW_WIDTH, VIEW_HEIGHT,
Config.ARGB_8888);
cacheCanvas = new Canvas();
path = new Path();
// 设置cacheCanvas将会绘制到内存中的cacheBitmap上
cacheCanvas.setBitmap(cacheBitmap);
// 设置画笔的颜色
paint = new Paint(Paint.DITHER_FLAG);
paint.setColor(Color.RED);
// 设置画笔风格
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(1);
// 反锯齿
paint.setAntiAlias(true);
paint.setDither(true);
}

@Override
public boolean onTouchEvent(MotionEvent event)
{
// 获取拖动事件的发生位置
float x = event.getX();
float y = event.getY();
switch (event.getAction())
{
case MotionEvent.ACTION_DOWN:  //手按下
path.moveTo(x, y);
preX = x;
preY = y;
break;
case MotionEvent.ACTION_MOVE:  //手移动
path.quadTo(preX, preY, x, y);
preX = x;
preY = y;
break;
case MotionEvent.ACTION_UP:  //手放开
cacheCanvas.drawPath(path, paint);
path.reset();
break;
}
invalidate();
// 返回true表明处理方法已经处理该事件
return true;
}

@Override
public void onDraw(Canvas canvas)
{
Paint bmpPaint = new Paint();
// 将cacheBitmap绘制到该View组件上
canvas.drawBitmap(cacheBitmap, 0, 0, bmpPaint);
// 沿着path绘制
canvas.drawPath(path, paint);
}
}

import android.app.Activity;
import android.graphics.BlurMaskFilter;
import android.graphics.Color;
import android.graphics.EmbossMaskFilter;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;

public class HandDraw extends Activity
{  /* MaskFilter类可以为Paint分配边缘效果。对MaskFilter的扩展可以对一个Paint边缘的alpha通道应用转换。
   Android包含了下面几种MaskFilter：
   BlurMaskFilter   指定了一个模糊的样式和半径来处理Paint的边缘。
   EmbossMaskFilter  指定了光源的方向和环境光强度来添加浮雕效果。
   要应用一个MaskFilter，可以使用setMaskFilter方法，并传递给它一个MaskFilter对象。
*/
EmbossMaskFilter emboss;
BlurMaskFilter blur;
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
emboss = new EmbossMaskFilter(new float[]
{ 1.5f, 1.5f, 1.5f }, 0.6f,	6, 4.2f);
blur = new BlurMaskFilter(8, BlurMaskFilter.Blur.NORMAL);
}

@Override
// 负责创建选项菜单
public boolean onCreateOptionsMenu(Menu menu)
{
MenuInflater inflator = new MenuInflater(this);
// 装载R.menu.my_menu对应的菜单，并添加到menu中
inflator.inflate(R.menu.my_menu, menu);
return super.onCreateOptionsMenu(menu);
}

@Override
// 菜单项被单击后的回调方法
public boolean onOptionsItemSelected(MenuItem mi)
{
DrawView dv = (DrawView) findViewById(R.id.draw);
// 判断单击的是哪个菜单项，并针对性的作出响应。
switch (mi.getItemId())
{
case R.id.red:
dv.paint.setColor(Color.RED);
mi.setChecked(true);
break;
case R.id.green:
dv.paint.setColor(Color.GREEN);
mi.setChecked(true);
break;
case R.id.blue:
dv.paint.setColor(Color.BLUE);
mi.setChecked(true);
break;
case R.id.width_1:
dv.paint.setStrokeWidth(1);
break;
case R.id.width_3:
dv.paint.setStrokeWidth(3);
break;
case R.id.width_5:
dv.paint.setStrokeWidth(5);
break;
case R.id.blur:
dv.paint.setMaskFilter(blur);
break;
case R.id.emboss:
dv.paint.setMaskFilter(emboss);
break;
}
return true;
}
}

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:title="@string/color">
<menu>
<!-- 定义一组单选菜单项 -->
<group android:checkableBehavior="single">
<!-- 定义多个菜单项 -->
<item
android:id="@+id/red" android:title="@string/color_red"/>
<item
android:id="@+id/green" android:title="@string/color_green"/>
<item
android:id="@+id/blue" android:title="@string/color_blue"/>
</group>
</menu>
</item>
<item android:title="@string/width">
<menu>
<!-- 定义一组菜单项 -->
<group>
<!-- 定义3个菜单项 -->
<item
android:id="@+id/width_1" android:title="@string/width_1"/>
<item
android:id="@+id/width_3" android:title="@string/width_3"/>
<item
android:id="@+id/width_5" android:title="@string/width_5"/>
</group>
</menu>
</item>
<item
android:id="@+id/blur" android:title="@string/blur"/>
<item
android:id="@+id/emboss" android:title="@string/emboss"/>
</menu>