Android Paint、Path详解

都是自己随手练习时写的一些小demo

Paint类：

package com.gyz;

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

/**
 * Paint类介绍
 *
 * Paint即画笔，在绘图过程中起到了极其重要的作用，画笔主要保存了颜色， 样式等绘制信息，指定了如何绘制文本和图形，画笔对象有很多设置方法，
 * 大体上可以分为两类，一类与图形绘制相关，一类与文本绘制相关。
 *
 * 1.图形绘制 setARGB(int a,int r,int g,int b); 设置绘制的颜色，a代表透明度，r，g，b代表颜色值。
 *
 * setAlpha(int a); 设置绘制图形的透明度。
 *
 * setColor(int color); 设置绘制的颜色，使用颜色值来表示，该颜色值包括透明度和RGB颜色。
 *
 * setAntiAlias(boolean aa); 设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。
 *
 * setDither(boolean dither); 设定是否使用图像抖动处理，会使绘制出来的图片颜色更加平滑和饱满，图像更加清晰
 *
 * setFilterBitmap(boolean filter); 如果该项设置为true，则图像在动画进行中会滤掉对Bitmap图像的优化操作，加快显示
 * 速度，本设置项依赖于dither和xfermode的设置
 *
 * setMaskFilter(MaskFilter maskfilter);
 * 设置MaskFilter，可以用不同的MaskFilter实现滤镜的效果，如滤化，立体等 * setColorFilter(ColorFilter
 * colorfilter); 设置颜色过滤器，可以在绘制颜色时实现不用颜色的变换效果
 *
 * setPathEffect(PathEffect effect); 设置绘制路径的效果，如点画线等
 *
 * setShader(Shader shader); 设置图像效果，使用Shader可以绘制出各种渐变效果
 *
 * setShadowLayer(float radius ,float dx,float dy,int color);
 * 在图形下面设置阴影层，产生阴影效果，radius为阴影的角度，dx和dy为阴影在x轴和y轴上的距离，color为阴影的颜色
 *
 * setStyle(Paint.Style style); 设置画笔的样式，为FILL，FILL_OR_STROKE，或STROKE
 *
 * setStrokeCap(Paint.Cap cap); 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的图形样式，如圆形样式
 * Cap.ROUND,或方形样式Cap.SQUARE
 *
 * setSrokeJoin(Paint.Join join); 设置绘制时各图形的结合方式，如平滑效果等
 *
 * setStrokeWidth(float width); 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的粗细度
 *
 * setXfermode(Xfermode xfermode); 设置图形重叠时的处理方式，如合并，取交集或并集，经常用来制作橡皮的擦除效果，图片圆角也可以
 *
 * 2.文本绘制 setFakeBoldText(boolean fakeBoldText); 模拟实现粗体文字，设置在小字体上效果会非常差
 *
 * setSubpixelText(boolean subpixelText); 设置该项为true，将有助于文本在LCD屏幕上的显示效果
 *
 * setTextAlign(Paint.Align align); 设置绘制文字的对齐方向
 *
 * setTextScaleX(float scaleX); 设置绘制文字x轴的缩放比例，可以实现文字的拉伸的效果
 *
 * setTextSize(float textSize); 设置绘制文字的字号大小
 *
 * setTextSkewX(float skewX); 设置斜体文字，skewX为倾斜弧度
 *
 * setTypeface(Typeface typeface); 设置Typeface对象，即字体风格，包括粗体，斜体以及衬线体，非衬线体等
 *
 * setUnderlineText(boolean underlineText); 设置带有下划线的文字效果
 *
 * setStrikeThruText(boolean strikeThruText); 设置带有删除线的效果
 *
 * @author gyzboy
 */
public class MyCanvasTest extends View {
	public Paint mPaint;
	private Path mPath;
	// 定义一个内存中的图片，该图片将作为缓冲区
	private Bitmap cacheBitmap = null;
	// 定义cacheBitmap上的Canvas对象
	private Canvas cacheCanvas = null;
	float preX = 0;
	float preY = 0;

	/**
	 * 为了实现保存用户之前绘制的内容使用双缓冲技术，程序先不绘制在view上，先绘制在一个内存中的bitmap上，
	 * 当绘制完成后将bitmap绘制在view上
	 *
	 * @param context
	 * @param attrs
	 */
	public MyCanvasTest(Context context, AttributeSet attrs) {
		super(context, attrs);// 父类构造器必须放到最前面
		mPaint = new Paint();
		mPath = new Path();
		cacheBitmap = Bitmap.createBitmap(320, 480, Config.ARGB_8888);
		cacheCanvas = new Canvas();
		cacheCanvas.setBitmap(cacheBitmap);// 将图片画到缓存中
		mPaint = new Paint(Paint.DITHER_FLAG);
		mPaint.setColor(Color.RED);
		mPaint.setStyle(Paint.Style.STROKE);
		mPaint.setStrokeWidth(5);
		mPaint.setAntiAlias(true);// 反锯齿
		mPaint.setDither(true);// 与DITHER_FLAG对应，相当于开关
	}

	// @Override
	// protected void onDraw(Canvas canvas) {
	//
	// // 将整个桌布绘制成白色 canvas还有rotate旋转、scale缩放、skew倾斜、translate平移属性
	// canvas.drawColor(Color.WHITE);
	//
	// Paint paint = new Paint();
	// paint.setAntiAlias(true);// 去锯齿
	// paint.setColor(Color.BLUE);
	// paint.setStyle(Paint.Style.STROKE);// 设置为空心
	// paint.setStrokeWidth(5);
	//
	// /**
	// * 参数依次为x，y坐标，半径
	// */
	// canvas.drawCircle(40, 40, 30, paint);// 画圆
	// /**
	// * 同Rect
	// */
	// canvas.drawRect(40, 40, 140, 180, paint);// 绘制矩形
	// canvas.drawRect(10, 50, 60, 100, paint);// 正方形
	// /**
	// * 矩形左边的X坐标 150 矩形顶部的Y坐标 75 矩形右边的X坐标 260 矩形底部的Y坐标 120
	// * 说白了就是左上角的坐标是（150,75），右下角的坐标是（260,120）
	// */
	// RectF rf1 = new RectF(150, 20, 200, 120);// rect为整型,rectF为浮点数
	// /**
	// * x,y方向的圆化角度
	// */
	// canvas.drawRoundRect(rf1, 15, 50, paint);
	// RectF re11 = new RectF(10, 240, 70, 270);
	// // 绘制椭圆
	// canvas.drawOval(re11, paint);
	// /*
	// * 最重要的就是movtTo和close,如果是Style.FILL的话，不设置close,也没有区别，可是如果是STROKE模式，
	// * 如果不设置close,图形不封闭。
	// *
	// * 当然，你也可以不设置close，再添加一条线，效果一样。
	// */
	// Path path1 = new Path();
	// path1.moveTo(10, 340); // 路径绘制的开始点
	// path1.lineTo(70, 340);
	// path1.lineTo(40, 290);
	// path1.close();// 绘制完成，形成封闭图形,相当于画了一条连接到开头的直线
	// canvas.drawPath(path1, paint);
	//
	// /**
	// * 参数一为渐变起初点坐标x位置，参数二为y轴位置，参数三和四分辨对应渐变终点 其中参数new int[]{startColor,
	// * midleColor,endColor}是参与渐变效果的颜色集合， 其中参数new float[]{0 , 0.5f,
	// * 1.0f}是定义每个颜色处于的渐变相对位置， 这个参数可以为null，如果为null表示所有的颜色按顺序均匀的分布
	// */
	// // 为Paint设置渐变器
	// Shader mShader = new LinearGradient(0, 0, 40, 60, new int[] {
	// Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW }, null,
	// Shader.TileMode.REPEAT);
	// // Shader.TileMode三种模式
	// // REPEAT:沿着渐变方向循环重复
	// // CLAMP:如果在预先定义的范围外画的话，就重复边界的颜色
	// // MIRROR:与REPEAT一样都是循环重复，但这个会对称重复
	// paint.setShader(mShader);
	// // 设置阴影
	// paint.setShadowLayer(45, 10, 10, Color.GRAY);
	// paint.setStyle(Paint.Style.FILL);// 设置为实心
	// // 绘制圆形
	// canvas.drawCircle(200, 40, 30, paint);
	// // 绘制字体
	// paint.setTextSize(40);
	// paint.setShader(mShader);
	// canvas.drawText("Circle", 100, 200, paint);
	//
	// super.onDraw(canvas);
	// }

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		float x = event.getX();
		float y = event.getY();
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			mPath.moveTo(x, y);
			preX = x;
			preY = y;
			break;
		case MotionEvent.ACTION_MOVE:
			mPath.quadTo(preX, preY, x, y);// 绘制曲线
			preX = x;
			preY = y;
			break;
		case MotionEvent.ACTION_UP:
			cacheCanvas.drawPath(mPath, mPaint);// 绘制
			// mPath.reset();//清空路径
			break;
		}
		invalidate();
		// 返回true表明处理方法已经处理该事件,否则会继续传递
		return true;
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		Paint bitmapPaint = new Paint();
		bitmapPaint.setColor(Color.BLACK);
		// 将cacheBitmap绘制到该View组件上
		canvas.drawBitmap(cacheBitmap, 50, 50, bitmapPaint);
		// 沿着path绘制
		canvas.drawPath(mPath, mPaint);
	}
}

　　Path类：

package com.gyz;

import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ComposePathEffect;
import android.graphics.CornerPathEffect;
import android.graphics.DashPathEffect;
import android.graphics.DiscretePathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathDashPathEffect;
import android.graphics.PathEffect;
import android.graphics.RectF;
import android.graphics.SumPathEffect;
import android.os.Bundle;
import android.view.View;

/**
 * @author gyzboy
 */
public class MyPathTest extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
//		setContentView(new MyView(this));
		setContentView(new MyTextView(this));
	}

	class MyView extends View {

		float phase;
		Path path;
		PathEffect[] effects;
		Paint paint;
		int[] colors;

		public MyView(Context context) {
			super(context);
			effects = new PathEffect[7];// 路径效果
			path = new Path();
			colors = new int[] {};
			paint = new Paint();

			paint.setColor(Color.BLUE);
			paint.setAntiAlias(true);
			paint.setStyle(Paint.Style.STROKE);
			paint.setStrokeWidth(5);

			path.moveTo(0, 0);

			for (int i = 0; i < 15; i++) {
				// 生成15个点，随机生成它们的Y座标。并将它们连成一条Path
				path.lineTo(i * 20, (float) Math.random() * 60);
			}
			// 初始化7个颜色
			colors = new int[] { Color.BLACK, Color.BLUE, Color.CYAN,
					Color.GREEN, Color.MAGENTA, Color.RED, Color.YELLOW };
			// -----------下面开始初始化7中路径效果----------
			// 不使用路径效果。
			effects[0] = null;
			// 使用CornerPathEffect路径效果
			effects[1] = new CornerPathEffect(10);
			// 初始化DiscretePathEffect
			effects[2] = new DiscretePathEffect(3.0f, 5.0f);
		}

		@Override
		protected void onDraw(Canvas canvas) {
			super.onDraw(canvas);
			// 将背景填充成白色
			canvas.drawColor(Color.WHITE);
			// 初始化DashPathEffect，DashPathEffect有动画效果
			effects[3] = new DashPathEffect(new float[] { 20, 10, 5, 10 },
					phase);
			// 初始化PathDashPathEffect，PathDashPathEffect有动画效果
			Path p = new Path();
			p.addRect(0, 0, 8, 8, Path.Direction.CCW);
			effects[4] = new PathDashPathEffect(p, 12, phase,
					PathDashPathEffect.Style.ROTATE);
			// 初始化PathDashPathEffect
			effects[5] = new ComposePathEffect(effects[2], effects[4]);
			effects[6] = new SumPathEffect(effects[4], effects[3]);
			// 对Canvas执行坐标变换：将画布“整体位移”到8、8处开始绘制
			canvas.translate(8, 8);
			// 依次使用7中不同路径效果、7种不同的颜色来绘制路径
			for (int i = 0; i < effects.length; i++) {
				paint.setPathEffect(effects[i]);
				paint.setColor(colors[i]);
				canvas.drawPath(path, paint);
				canvas.translate(0, 60);// 移动画布为了显示出不同的路径效果
			}
			// 改变phase值，形成动画效果,变化速度
			phase += 1;
			invalidate();
		}

	}

	class MyTextView extends View {
		final String DRAW_STR = "来一个测试";
		Path[] paths = new Path[3];
		Paint paint;

		public MyTextView(Context context) {
			super(context);
			paths[0] = new Path();
			paths[0].moveTo(0, 0);
			for (int i = 1; i <= 7; i++) {
				// 生成7个点，随机生成它们的Y座标。并将它们连成一条Path
				paths[0].lineTo(i * 30, (float) Math.random() * 30);
			}
			paths[1] = new Path();
			RectF rectF = new RectF(0, 0, 200, 120);
			paths[1].addOval(rectF, Path.Direction.CCW);//逆时针
			paths[2] = new Path();
			paths[2].addArc(rectF, 60, 180);
			// 初始化画笔
			paint = new Paint();
			paint.setAntiAlias(true);
			paint.setColor(Color.CYAN);
			paint.setStrokeWidth(1);
		}

		@Override
		protected void onDraw(Canvas canvas) {
			canvas.drawColor(Color.WHITE);
			canvas.translate(40, 40);
			// 设置从右边开始绘制（右对齐）
			paint.setTextAlign(Paint.Align.RIGHT);
			paint.setTextSize(20);
			// 绘制路径
			paint.setStyle(Paint.Style.STROKE);
			canvas.drawPath(paths[0], paint);
			// 沿着路径绘制一段文本。
			paint.setStyle(Paint.Style.FILL);
			canvas.drawTextOnPath(DRAW_STR, paths[0], -8, 20, paint);
			// 对Canvas进行坐标变换：画布下移120
			canvas.translate(0, 60);
			// 绘制路径
			paint.setStyle(Paint.Style.STROKE);
			canvas.drawPath(paths[1], paint);
			// 沿着路径绘制一段文本。
			paint.setStyle(Paint.Style.FILL);
			canvas.drawTextOnPath(DRAW_STR, paths[1], -20, 20, paint);
			// 对Canvas进行坐标变换： 画布下移120
			canvas.translate(0, 120);
			// 绘制路径
			paint.setStyle(Paint.Style.STROKE);
			canvas.drawPath(paths[2], paint);
			// 沿着路径绘制一段文本。
			paint.setStyle(Paint.Style.FILL);
			canvas.drawTextOnPath(DRAW_STR, paths[2], -10, 20, paint);
		}
	}
}