欢迎莅临 SUN WU GANG 的园子!!!

世上无难事,只畏有心人。有心之人,即立志之坚午也,志坚则不畏事之不成。

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

Path类

Path类可以预先在View上将N个点连成一条“路径”,然后调用Canavas的drawPath(path,paint)即可沿着路径绘制图形。

android还为路径绘制提供了PathEffect来定义绘制效果,PathEffect包含如下子类——每一个子类代表一种绘制方法:

  1.ComposePathEffect

  2.CnonerPathEffect

  3.DashPathEffect
  4.DiscretePathEffect

  5.PathDashPathEffect

  6.SumPathEffect

实例如下:

代码实现==》
package com.example.mypath;

import android.os.Bundle;
import android.annotation.SuppressLint;
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.SumPathEffect;
import android.view.Menu;
import android.view.View;

public class MainActivity 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(10);
			// 创建并初始化Path
			path = new Path();
			path.moveTo(0, 0);
			for (int i = 0; i <= 15; i++)
			{
				// 生成15个点,随记生成他们的Y坐标,并将它们连成一条Path
				path.lineTo(i * 30, (float) Math.random() * 100);
			}
			// 初始化7个颜色
			colors = new int[] { Color.BLACK, Color.YELLOW, Color.GRAY, Color.GREEN, Color.BLUE,
					Color.RED, Color.CYAN };
		}

		@SuppressLint("DrawAllocation")
		@Override
		protected void onDraw(Canvas canvas)
		{
			// 将背景色填充为白色
			canvas.drawColor(Color.WHITE);

			// 初始化7种路径效果
			effects[0] = null;// 不使用路径效果
			effects[1] = new CornerPathEffect(10);// 使用CornerPathEffect路径效果
			effects[2] = new DiscretePathEffect(3.0f, 5.0f);// 初始化DiscretePathEffect
			effects[3] = new DashPathEffect(new float[] { 20, 10, 5, 10 }, phase);// 初始化DashPathEffect

			Path p = new Path();
			p.addRect(0, 0, 8, 8, Path.Direction.CCW);
			effects[4] = new PathDashPathEffect(p, 123, phase, PathDashPathEffect.Style.ROTATE);// 初始化PathDashPathEffect
			effects[5] = new ComposePathEffect(effects[2], effects[4]);// 初始化ComposePathEffect
			effects[6] = new SumPathEffect(effects[4], effects[3]);// 初始化SumPathEffect

			// 依次使用7种不同效果路径、7种不同的颜色来绘制路径
			for (int j = 0; j < effects.length; j++)
			{
				paint.setPathEffect(effects[j]);
				paint.setColor(colors[j]);
				canvas.drawPath(path, paint);
				canvas.translate(0, 120);
			}
			// 改变phase值,形成动画效果
			phase++;
			invalidate();
		}
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu)
	{
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

运行效果如下:

注意:如以上程序,当定义DashPathEffect、PathDashPathEffect时可指定一个phase参数,该参数用于指定路径效果的相位,当该参数

改变时,绘制效果也略有变化。上面程序不停的改变phase参数,并不停的重绘该View组件——将参数如上图所示动画效果。

除此之外,android的Canvas还提供了一个drawTextOnPath(String text,Path path,float hOffect,float vOffset,Paint paint)方法,该方法可以沿着Path绘制文本。

其中hOffset参数指定水平偏移、vOffset指定垂直偏移。

实例二如下:

 

posted on 2016-09-19 12:29  sunwugang  阅读(238)  评论(0编辑  收藏  举报