iOS Quartz: CGPathAddArc和CGPathAddArcToPoint函数

CGPathAddArc函数是通过圆心和半径定义一个圆，然后通过两个弧度确定一个弧线。注意弧度是以当前坐标环境的X轴开始的。    

需要注意的是由于iOS中的坐标体系是和Quartz坐标体系中Y轴相反的，所以iOS UIView在做Quartz绘图时，Y轴已经做了Scale为-1的转换，因此造成CGPathAddArc函数最后一个是否是顺时针的参数结果正好是相反的，也就是说如果设置最后的参数为YES，根据参数定义应该是顺时针的，但实际绘图结果会是逆时针的！

比如，我们设置起点弧度为0，终点弧度为1.5 * PI（等于270角度），然后最后的clockwise参数为NO，代码：

    CGPathAddArc(<#CGMutablePathRef path#>, <#const CGAffineTransform *m#>, <#CGFloat x#>, <#CGFloat y#>, <#CGFloat radius#>, <#CGFloat startAngle#>, <#CGFloat endAngle#>, <#bool clockwise#>)

- (void)viewDidLoad

{

    [super viewDidLoad];

    //创建CGContextRef

    UIGraphicsBeginImageContext(self.view.bounds.size);

    CGContextRef gc = UIGraphicsGetCurrentContext();

    //=== 绘画逻辑 ===

    //创建用于转移坐标的Transform，这样我们不用按照实际显示做坐标计算

    CGAffineTransform transform = CGAffineTransformMakeTranslation(50, 50);

    //创建CGMutablePathRef

    CGMutablePathRef path = CGPathCreateMutable();

    CGPathAddArc(path, &transform, 50, 50, 50, 0, 1.5 * M_PI, NO);

    CGPathMoveToPoint(path, &transform, 50, 0);

    CGPathAddLineToPoint(path, &transform, 50, 50);

    CGPathAddLineToPoint(path, &transform, 100, 50);

   

    //将CGMutablePathRef添加到当前Context内

    CGContextAddPath(gc, path);

    [[UIColor grayColor] setFill];

    [[UIColor blueColor] setStroke];

    CGContextSetLineWidth(gc, 2);

    //执行绘画

    CGContextDrawPath(gc, kCGPathFillStroke);

   

    //从Context中获取图像，并显示在界面上

    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

   

    UIImageView *imgView = [[UIImageView alloc] initWithImage:img];

    [self.view addSubview:imgView];

}

输出:

结果会是顺时针绘制弧线.

如果把CGPathAddArc函数改成这样:

//虽然顺时针参数是YES，在iOS中的UIView中，这里实际是逆时针。所以只会画出1/4。

CGPathAddArc(path, &transform, 50, 50, 50, 0, 1.5 * M_PI, YES);

 

虽然顺时针参数是YES，在iOS中，这里实际是逆时针。所以只会画出1/4。结果会是:

 

而CGContextAddArcToPoint函数则是另一种绘制弧线的方式，同样可以参考那个SO回答的截图．它是通过画两个虚拟的线来完成绘图的，这两条线是通过当前CGContextRef的点，和CGContextAddArcToPoint函数本身定义的两个点来完成的。而弧线会从当前CGContextRef的点开始，画到中心圆与第二条线的交点处。这样的画弧方式，在某些情况下可以使CGContextAddArcToPoint函数比CGPathAddArc用起来更加方便些。比如花圆角矩形。

 //创建CGContextRef

    UIGraphicsBeginImageContext(self.view.bounds.size);

    CGContextRef gc = UIGraphicsGetCurrentContext();

    

     //=== 绘画逻辑 ===

     //创建用于转移坐标的Transform,如许我们不消遵守实际显示做坐标策画

    CGAffineTransform transform = CGAffineTransformMakeTranslation(100,200);

     //创建CGMutablePathRef

    CGMutablePathRef path = CGPathCreateMutable();

     //半径为30

    CGFloat radius = 10;

     //初始点为(0, 0)

    CGPathMoveToPoint(path, &transform, 10, 0);

     //右上角和右下角两个点,画出半个圆角

    CGPathAddArcToPoint(path, &transform, 100, 0, 100, 100, radius);

    //右下角和左下角两个点,画出别的半个圆角

    CGPathAddArcToPoint(path, &transform, 100, 100, 0, 100, radius);

    CGPathAddArcToPoint(path, &transform, 0, 100, 0, 0, radius);

    CGPathAddArcToPoint(path, &transform, 0, 0, 100, 0, radius);

      //将CGMutablePathRef添加到当前Context内

      CGContextAddPath(gc, path);

      [[UIColor grayColor] setFill];

      [[UIColor blueColor] setStroke];

      CGContextSetLineWidth(gc, 2);

      //履行绘画

      CGContextDrawPath(gc, kCGPathFillStroke);

     

      //从Context中获取图像,并显示在界面上

      UIImage *img = UIGraphicsGetImageFromCurrentImageContext();

      UIGraphicsEndImageContext();     

      UIImageView *imgView = [[UIImageView alloc] initWithImage:img];

      [self.view addSubview:imgView];

如下图说：