1.2.6_Path的使用

最新推荐文章于 2024-04-30 17:03:36 发布

原创最新推荐文章于 2024-04-30 17:03:36 发布 · 317 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Path #自定义View #lineTo #moveTo #draw

Android深度专栏收录该内容

30 篇文章

订阅专栏

move & line

mPath.moveTo(100, 70); //移动
mPath.lineTo(140, 800);
//等同于上一行代码效果，相当于 (140-100,800-70)
//mPath.rLineTo(40, 730);
mPath.lineTo(250, 600);
mPath.close(); //是否曲线是否闭合

在这里插入图片描述

添加子图形addXXX

//添加弧形
mPath.addArc(200, 200, 400, 400, -225, 225);
//CW表示顺时针绘制，CCW表示逆时针绘制
mPath.addRect(500, 500, 900, 900, Path.Direction.CW);
//添加一个圆
mPath.addCircle(700, 700, 200, Path.Direction.CW);
//添加一个椭圆
mPath.addOval(100,100, 600, 400, Path.Direction.CCW);

在这里插入图片描述

追加图形

//xxxTo 画线
//mPath.addArc(200, 200, 400, 400, -225, 225);
//mPath.arcTo(400, 200, 600, 400, -180, 225, false);

在这里插入图片描述

forceMoveTo

forceMoveTo，true，绘制时移动起点，false，绘制时连接最后一个点与圆弧起点

forceMoveTo为false的情况

mPath.moveTo(0, 0);
mPath.lineTo(100, 100);
//forceMoveTo，true，绘制时移动起点，false，绘制时连接最后一个点与圆弧起点
mPath.arcTo(400, 200, 600, 400, 0, 270, false);

在这里插入图片描述

forceMoveTo为true的情况

mPath.moveTo(0, 0);
mPath.lineTo(100, 100);
//forceMoveTo，true，绘制时移动起点，false，绘制时连接最后一个点与圆弧起点
mPath.arcTo(400, 200, 600, 400, 0, 270, true);

在这里插入图片描述

添加一个路径

mPath.moveTo(100, 70);
mPath.lineTo(140, 180);
mPath.lineTo(250, 330);
mPath.lineTo(400, 630);
mPath.lineTo(100, 830);

Path newPath = new Path();
newPath.moveTo(100, 1000);
newPath.lineTo(600, 1300);
newPath.lineTo(400, 1700);
mPath.addPath(newPath);

在这里插入图片描述

添加圆角矩形

//添加圆角矩形， CW顺时针，CCW逆时针
RectF rectF5 = new RectF(200, 800, 700, 1200);
mPath.addRoundRect(rectF5, 20, 20, Path.Direction.CCW);

在这里插入图片描述

画二阶贝塞尔曲线

   mPath.moveTo(300, 500);
   mPath.quadTo(500, 100, 800, 500);
   //参数表示相对位置，等同于上面一行代码
   //mPath.rQuadTo(200, -400, 500, 0);

在这里插入图片描述

画三阶贝塞尔曲线

mPath.moveTo(300, 500);
mPath.cubicTo(500, 100, 600, 1200, 800, 500);
//参数表示相对位置，等同于上面一行代码
//mPath.rCubicTo(200, -400, 300, 700, 500, 0);

在这里插入图片描述

以上都需要添加一行代码

以上都需要添加一行代码，进行Path的绘制

canvas.drawPath(mPath, mPaint);