在自定义视图中,有三个函数可以重写用于界面绘制,在视图创建过程中,三个函数的执行顺序依次是:onLayout、onDraw、dispatchDraw。 1、onLayout(boolean changed, int left, int top, int right, int bottom) : onLayout用于定位该视图在上级视图中的位置,从其参数中就可以看出来。由于该函数没有画布,因此只适合绘制现成的视图控件。 2、onDraw(Canvas canvas) : 自定义控件一般是重写onDraw方法,在画布中绘制各种图形。 3、dispatchDraw(Canvas canvas) : dispatchDraw与onDraw的区别在于:onDraw在绘制下级视图之前,而dispatchDraw在绘制下级视图之后,所以如果不想自己的绘图被下级视图覆盖的话,就要在dispatchDraw中进行绘制操作。为方便记忆,只要是从ViewGroup衍生出的视图,都用dispatchDraw,其他小控件都用onDraw。
Canvas是Android提供的图形操作类,Canvas的使用不难,多练习几次就熟练了。下面列出Canvas的常用方法:
虽然本视图内的所有区域都是可以绘制的,但是有时候我们还是只想在某个圆形区域或者矩形区域内部画画,那么在绘制之前就得指定允许绘制的区域大小 clipPath : 裁剪不规则曲线区域 clipRect : 裁剪矩形区域 clipRegion : 裁剪一块组合区域
drawArc : 绘制扇形 drawBitmap : 绘制图像 drawCircle : 绘制圆形 drawLine : 绘制直线 drawOval : 绘制椭圆 drawPath : 绘制路径,即不规则曲线 drawPoint : 绘制点 drawRect : 绘制矩形 drawRoundRect : 绘制圆角矩形 drawText : 绘制文本
rotate : 旋转画布 scale : 缩放画布 translate : 平移画布
Canvas的不同绘制操作会互相影响,比如说我们想对整个画布做旋转,除了某个直线(即该直线保持不动),如果没有状态机制,那么该直线也只能跟着旋转。有了状态机制,我们就可以在绘制该直线前保存画布状态(保存旋转操作),然后画直线,最后再恢复画布状态。这样在save-restore代码之间绘制的任何图形,都不会收到save-restore代码以外其他图形操作的影响。 save : 保存画布状态 restore : 恢复画布状态
在上述绘制图形函数当中,都需要指定Paint,Paint上定义了画笔的颜色、样式、粗细、阴影、下划线等等。Paint的常用操作包括: setAntiAlias : 设置是否使用抗锯齿功能,主要用于画圆圈等曲线 setColor : 设置画笔的颜色 setShader : 设置画笔的渐变效果 setShadowLayer : 设置画笔的阴影 setStyle : 设置画笔的样式(线条还是填充) setStrokeWidth : 设置线条的粗细 setUnderlineText : 设置文本的下划线 setStrikeThruText : 设置文本的删除线
下面是一个自定义签名控件的代码示例:
import java.util.ArrayList;
import com.example.exmcustom.R;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
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.util.Log;
import android.view.MotionEvent;
import android.view.View;
public class SignatureView extends View {
private static final String TAG = "SignatureView";
private Paint paint;
private Canvas cacheCanvas;
private Bitmap cachebBitmap;
private Path path;
private int paint_color = Color.BLACK;
private int stroke_width = 3;
private PathPosition pos = new PathPosition();
private ArrayList<PathPosition> pathArray = new ArrayList<PathPosition>();
private int mWidth=0, mHeight=0;
public SignatureView(Context context,AttributeSet attrs) {
super(context, attrs);
if (attrs != null) {
TypedArray attrArray=getContext().obtainStyledAttributes( attrs, R.styleable.SignatureView);
paint_color = attrArray.getColor(R.styleable.SignatureView_paint_color, Color.BLACK);
stroke_width = attrArray.getInt(R.styleable.SignatureView_stroke_width, 3);
attrArray.recycle();
}
}
public SignatureView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
if (attrs != null) {
TypedArray attrArray=getContext().obtainStyledAttributes( attrs, R.styleable.SignatureView);
paint_color = attrArray.getColor(R.styleable.SignatureView_paint_color, Color.BLACK);
stroke_width = attrArray.getColor(R.styleable.SignatureView_stroke_width, 3);
attrArray.recycle();
}
}
public SignatureView(Context context) {
super(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = this.getMeasuredWidth();
mHeight = this.getMeasuredHeight();
Log.d(TAG, "onMeasure width="+mWidth+",height="+mHeight);
init(mWidth, mHeight);
}
public SignatureView(Context context, int width, int height) {
super(context);
init(width, height);
}
public int getPaintColor() {
return paint_color;
}
public void setPaintColor(int paint_color) {
this.paint_color = paint_color;
}
public int getStrokeWidth() {
return stroke_width;
}
public void setStrokeWidth(int stroke_width) {
this.stroke_width = stroke_width;
}
public Bitmap getCachebBitmap() {
return getDrawingCache();
}
private void init(int width, int height) {
paint = new Paint();
paint.setAntiAlias(true);
paint.setStrokeWidth(stroke_width);
paint.setStyle(Paint.Style.STROKE);
paint.setColor(paint_color);
path = new Path();
setDrawingCacheEnabled(true);
cachebBitmap = Bitmap.createBitmap(width, height, Config.ARGB_8888);
cacheCanvas = new Canvas(cachebBitmap);
cacheCanvas.drawColor(Color.WHITE);
}
public void clear() {
if (cacheCanvas != null) {
pathArray.clear();
cacheCanvas.drawRGB(255, 255, 255);
invalidate();
}
}
public void revoke() {
if (pathArray.size() > 0) {
pathArray.remove(pathArray.size()-1);
cacheCanvas.drawRGB(255, 255, 255);
for (int i=0; i<pathArray.size(); i++) {
Path posPath = new Path();
posPath.moveTo(pathArray.get(i).firstX, pathArray.get(i).firstY);
posPath.quadTo(pathArray.get(i).firstX, pathArray.get(i).firstY,
pathArray.get(i).nextX, pathArray.get(i).nextY);
cacheCanvas.drawPath(posPath, paint);
}
invalidate();
}
}
@SuppressLint("DrawAllocation")
@Override
protected void onDraw(Canvas canvas) {
canvas.drawBitmap(cachebBitmap, 0, 0, null);
canvas.drawPath(path, paint); //这个是需要的,最近一次的路径保存在这里
}
private float cur_x, cur_y;
@SuppressLint("ClickableViewAccessibility")
@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX();
float y = event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
cur_x = x;
cur_y = y;
path.moveTo(cur_x, cur_y);
pos.firstX = cur_x;
pos.firstY = cur_y;
break;
case MotionEvent.ACTION_MOVE:
path.quadTo(cur_x, cur_y, x, y);
cur_x = x;
cur_y = y;
pos.nextX = cur_x;
pos.nextY = cur_y;
pathArray.add(pos);
pos = new PathPosition();
pos.firstX = cur_x;
pos.firstY = cur_y;
break;
case MotionEvent.ACTION_UP:
cacheCanvas.drawPath(path, paint);
path.reset();
break;
}
invalidate();
return true;
}
}