Android中Path类的使用

Path类是绘图里的一个常用类之一，会按照指定的路径绘制图形，调用Canvas的drawPath(path,paint)即可沿着路径绘制图形. 然而这些图形看上去往往很单调，而且有的时候我们也需要绘制虚线，或者由一些小的图形来沿着一定的路径组成图形，API接口里其实提供了这个功能，使用 PathEffect就可以完成这些比较特殊一些的效果。首先还是看一下PathEffect这个类：

这个类本身并没有做什么特殊的处理，只是继承了Object，通常我们使用的是它的几个子类，就是上面图片中所显示的。在使用的时候，通常是
PathEffect pe = new 一个具体的子类;
然后使用Paint的setPathEffect(PathEffect pe)方法即可.

CornerPathEffect：

这个类的作用就是将Path的各个连接线段之间的夹角用一种更平滑的方式连接，类似于圆弧与切线的效果。
一般的，通过CornerPathEffect(float radius)指定一个具体的圆弧半径来实例化一个CornerPathEffect。

DashPathEffect：

这个类的作用就是将Path的线段虚线化。
构造函数为DashPathEffect(float[] intervals,   float phase)，其中intervals为虚线的ON和OFF数组，该数组的length必须大于等于2，phase为绘制时的偏移量。

DiscretePathEffect：

这个类的作用是打散Path的线段，使得在原来路径的基础上发生打散效果。
一般的，通过构造DiscretePathEffect(float segmentLength, float deviation)来构造一个实例，其中，segmentLength指定最大的段长，deviation指定偏离量。

PathDashPathEffect：

这个类的作用是使用Path图形来填充当前的路径，其构造函数为PathDashPathEffect (Path shape,  float advance,  float phase, PathDashPathEffect.Style style)。

shape则是指填充图形，advance指每个图形间的间距，phase为绘制时的偏移量，style为该类自由的枚举值，有三种情况：Style.ROTATE、Style.MORPH和Style.TRANSLATE。其中ROTATE的情况下，线段连接处的图形转换以旋转到与下一段移动方向相一致的角度进行转转，MORPH时图形会以发生拉伸或压缩等变形的情况与下一段相连接，TRANSLATE时，图形会以位置平移的方式与下一段相连接。

ComposePathEffect：

组合效果，这个类需要两个PathEffect参数来构造一个实例，ComposePathEffect (PathEffect outerpe, PathEffect innerpe)，表现时，会首先将innerpe表现出来，然后再在innerpe的基础上去增加outerpe的效果。

SumPathEffect：

叠加效果，这个类也需要两个PathEffect作为参数SumPathEffect(PathEffect first,  PathEffect second)，但与ComposePathEffect不同的是，在表现时，会分别对两个参数的效果各自独立进行表现，然后将两个效果简单的重叠在一起显示出来。

关于参数phase:

在有phase参数的两个类里，如果phase参数的值不停发生改变，那么所绘制的图形也会随着偏移量而不断的发生变动，这个时候，看起来这条线就像动起来了一样。

以下是一个实例参考,将展现七条不同的路径效果:

package cn.example.image;

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.SumPathEffect;
import android.graphics.PathEffect;
import android.os.Bundle;
import android.view.View;


public class PathTest extends Activity
{
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(new MyView(this));
	}

	class MyView extends View
	{
		float phase;
		PathEffect[] effects = new PathEffect[7];
		int[] colors;
		private Paint paint;
		Path path;

		public MyView(Context context)
		{
			super(context);
			paint = new Paint();
			//填充样式改为描边
			paint.setStyle(Paint.Style.STROKE);
			paint.setStrokeWidth(4);
			// 创建、并初始化Path
			path = new Path();
			path.moveTo(0, 0);
			for (int i = 1; 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)
		{
			// 将背景填充成白色
			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();
		}
	}
}