Android Path 使用 解析

最近看了一些关于android path的使用,这里做个总结,方便以后查阅

 

Path主要用于绘制复杂的图形轮廓,比如折线,圆弧以及各种复杂图案

方法列表:

 

  • reset()                           
  • lineTo(float x, float y)
  • moveTo(float x, float y)
  • close()
  • path.addArc(oval, startAngle, sweepAngle)
  • arcTo(RectF oval, float startAngle, float sweepAngle)
  • quadTo(float x1, float y1, float x2, float y2)
  • addCircle(float x, float y, float radius, Direction dir)
  • addOval(RectF oval, Path.Direction dir)
  • addPath(Path src, float dx, float dy)

 

Paint初始化操作:

在处理path之前,我们首先对paint做一些初始化操作:


Paint paint = new Paint(); 

paint.setColor(Color.RED); 

//设置画笔宽度 

paint.setStrokeWidth(3);

//消除锯齿 

paint.setAntiAlias(true); 

//设置镂空(方便查看效果)

paint.setStyle(Style.STROKE);

 

path中从最基本的moveTo(float x, float y),lineTo(float x, float y),reset()及close()方法入手

 

reset()方法:

reset()清除path设置的所有属性

 

lineTo(float x, float y)方法:

lineTo(float x, float y)方法用于从当前轮廓点绘制一条线段到x,y点:

 

从原点开始绘制一条折线,代码如下:

Path path = new Path(); 

path.lineTo(100,100); 

path.lineTo(100, 200); 

path.lineTo(150, 250); 

canvas.drawPath(path, paint);

 Android Path 使用 解析_第1张图片
 

上图中没有指定初始轮廓点,默认从0,0点开始

 

moveTo(float x, float y)方法:

path的moveTo方法将起始轮廓点移至x,y坐标点,默认情况为0,0点

 

使用moveTo设置轮廓点:代码如下:

Path path = new Path();

path.moveTo(20, 200); 

path.lineTo(50, 200); 

path.lineTo(100, 300); 

path.lineTo(200, 350);

canvas.drawPath(path, paint);

效果图如下:

Android Path 使用 解析_第2张图片

 上图使用moveTo改变path绘制起始顶点效果

 

close()方法:

回到初始点形成封闭的曲线:

Path path = new Path();

path.moveTo(20, 200); 

path.lineTo(50, 200); 

path.lineTo(100, 300); 

path.lineTo(200, 350); 

path.close(); 

canvas.drawPath(path, paint);

效果图如下:

Android Path 使用 解析_第3张图片

 

 

 

addArc(RectF oval, float startAngle, float sweepAngle)方法:

path.addArc方法用于绘制圆弧,这个圆弧取自RectF矩形的内接椭圆上的一部分,圆弧长度由后两个参数决定

startAngle:起始位置的角度值

sweepAngle:旋转的角度值

如图所示:其中矩形和两条直线是用来做对比

Rect rect = new Rect(100, 100, 300, 250); 

canvas.drawRect(rect, paint); 

canvas.drawOval(new RectF(rect), paint); 

canvas.drawLine(50, 175, 350, 175, paint); 

canvas.drawLine(200, 50, 200, 300, paint); 

path.reset();

path.addArc(new RectF(rect), 30, 60);

canvas.drawPath(path, paint);

下图中标注了圆弧的0度起点和弧度增量方向为顺时针,那么当我们截取其中的0-90的长度圆弧对应的是右下角的四分之一圆弧长度:

 

Android Path 使用 解析_第4张图片 

 

 

 

arcTo(RectF oval, float startAngle, float sweepAngle)方法:

arcTo和addArc的区别:

1. addArc可以直接加入一段椭圆弧。使用arcTo还需要使用moveTo指定当前点的坐标。

2. arcTo如果当前点坐标和曲线的起始点不是同一个点的话,还会自动添加一条直线补齐路径。

 

Rect rect = new Rect(100, 100, 300, 250); 

canvas.drawRect(rect, paint); 

canvas.drawLine(50, 175, 350, 175, paint);

canvas.drawLine(200, 50, 200, 300, paint); 

Path path = new Path(); 

path.moveTo(0, 0); 

path.arcTo(new RectF(rect), 0, 90); 

//path.addArc(new RectF(rect), 0, 90); 

canvas.drawPath(path, paint);

 

效果图:

Android Path 使用 解析_第5张图片

 

quadTo(float x1, float y1, float x2, float y2)方法:

以当前路径结束点为开始点,(x1,y1)为控制点,(x2,y2)为结束点画一条二次贝塞尔曲线(相关贝赛尔曲线请再做查询)

Path path = new Path();

path.moveTo(20, 50); 

path.lineTo(50, 200); 

path.quadTo(100, 200, 150, 250); 

canvas.drawPath(path, paint);

Android Path 使用 解析_第6张图片

 

 

 

 

addCircle(float x, float y, float radius, Direction dir)方法:

使用path绘制圆形,xy为圆的圆心 radius为圆的半径,Direction 为绘制元的方向

Diection.CCW 逆时针方向

Diection.CW 顺时针方向

 

Path path = new Path();

path.reset(); 

path.addCircle(100, 100, 50, Direction.CW); 

canvas.drawPath(path, paint);

Android Path 使用 解析_第7张图片

 

addOval(RectF oval, Path.Direction dir)方法:

绘制椭圆,同上绘制圆的方法

 

addPath(Path src, float dx, float dy)方法:

在已有的Path上通过平移创建新的path:

Path path = new Path(); 

path.lineTo(100,100); 

path.lineTo(100, 200); 

path.lineTo(150, 250); 

canvas.drawPath(path, paint); 

path.addPath(path, 100, 0); 

canvas.drawPath(path, paint);

 

Android Path 使用 解析_第8张图片

 

 

你可能感兴趣的:(android)