1.2.6_Path的使用

怼烎@ 2023-10-18 16:45 105阅读 0赞

#### move & line ####

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

![在这里插入图片描述][20190408064058896.png]

#### 添加子图形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);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70]

#### 追加图形 ####

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

![在这里插入图片描述][2019040806461782.png]

#### 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);

![在这里插入图片描述][20190408064830212.png]

forceMoveTo为true的情况

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

![在这里插入图片描述][2019040806484379.png]

#### 添加一个路径 ####

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);

![在这里插入图片描述][20190408065049648.png]

#### 添加圆角矩形 ####

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

![在这里插入图片描述][20190408065147945.png]

#### 画二阶贝塞尔曲线 ####

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 1]

#### 画三阶贝塞尔曲线 ####

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

![在这里插入图片描述][20190408065419115.png]

### 以上都需要添加一行代码 ###

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

canvas.drawPath(mPath, mPaint);

[20190408064058896.png]: https://img-blog.csdnimg.cn/20190408064058896.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190408065608522.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28=,size_16,color_FFFFFF,t_70
[2019040806461782.png]: https://img-blog.csdnimg.cn/2019040806461782.png
[20190408064830212.png]: https://img-blog.csdnimg.cn/20190408064830212.png
[2019040806484379.png]: https://img-blog.csdnimg.cn/2019040806484379.png
[20190408065049648.png]: https://img-blog.csdnimg.cn/20190408065049648.png
[20190408065147945.png]: https://img-blog.csdnimg.cn/20190408065147945.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20190408065254572.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0V0aGFuQ28=,size_16,color_FFFFFF,t_70
[20190408065419115.png]: https://img-blog.csdnimg.cn/20190408065419115.png