Android:Path总结

转载自:http://dev.dafan.info/detail/241302


Android实际开发中经常用到Path来画一些点、线、圆、贝塞尔曲线等,现在闲暇了,来个小的总结吧。

  1. moveTo
      moveTo用来移动画笔。Android默认屏幕的左上角坐标为(0,0),
  2. lineTo
      lineTo用于绘制直线,默认是从左上角(0,0)开始绘制。
    mPath.lineTo(100, 100);
    canvas.drawPath(mPath, mPaint);

    lineTo.png
  3. quadTo
      quadTo用来绘制贝塞尔曲线。
      quadTo(float x1, float y1, float x2, float y2),其中(x1,y1)为控制点,(x2,y2)为结束点。
    mPath.moveTo(100, 400);
    mPath.quadTo(200, 100, 600, 400);
    canvas.drawPath(mPath, mPaint);

    quadTo.png

      也可以通过连续的quadTo实现其他图形,下边画一个简单的水滴形状:
    mPath.moveTo(200,700);
    mPath.quadTo(50,900,200,910);
    mPath.quadTo(350,900,200,700);
    canvas.drawPath(mPath,mPaint);

    水滴形状.png

      道理很简单,下图是模拟出水滴的起始点、三个控制点,Path会根据这四个点绘制出贝塞尔图形,如果要绘制其他有难度的图形,可以先模拟出个个点的位置,分析曲线的路径,就可以确定每个点的坐标了。

    水滴分析图.png
  4. cubicTo
      cubicTo跟quadTo一样,都是用来绘制贝塞尔曲线的,只是多个一个控制点。
      cubicTo(float x1, float y1, float x2, float y2, float x3, float y3),其中(x1,y1)、(x2,y2)是控制点,(x3,y3)是结束点。
    mPath.moveTo(100,500);
    mPath.cubicTo(100, 500, 300, 100, 600, 500);
    canvas.drawPath(mPath, mPaint);

    cubicTo.png

      用cubicTo实现上边那个水滴,和用quadTo实现是一样的,就是多个控制点,如果控制点位置放的好的话,形状会更逼真。
      将mPath移动到(0,0)点后绘制出来的曲线也很美的:
    mPath.moveTo(0,0);
    mPath.cubicTo(100, 500, 300, 100, 600, 500);
    canvas.drawPath(mPath, mPaint);

    从(0,0)开始绘制.png
  5. arcTo
      arcTo用来绘制弧线(好吧,上边的quadTo和cubicTo也能实现,但是arcTo实际上是截取了圆或者椭圆的一部分)。
      arcTo(RectF oval, float startAngle, float sweepAngle),oval为椭圆的矩形,startAngle为开始角度,sweepAngle为结束角度。(注意:开始角度是从3点钟方向开始,顺时针开始计算)
    mRectF = new RectF(10, 10, 300, 300);
    mPath.arcTo(mRectF, 0, 90);
    canvas.drawPath(mPath, mPaint);

    arcTo.png

      还有四个参数的这个arcTo(RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo),API是这么说的“If true, always begin a new contour with the arc”,就是说,每次绘制都是从这个RectF的0度开始也就是3点钟方向。有什么用?有……当使用同一个Path在其他位置绘制完成后再绘制该arc,如果为false那么上次绘制的结束点就会链接到这个RectF的0度位置,如果为true那么Path是直接移动到RectF的0度位置,中间不进行绘制。
  6. close
      close就是关闭当前路径了。应该这么理解,关闭的是这次绘制的路径,会在起点和重点连接起来。

    close所绘制的线.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值