使用 Core Graphics 绘制多条弧线

Question

我正在尝试使用 Core Graphics 绘制两个同心圆。我希望下面的代码在里面绘制一个蓝色圆圈和一个较小的白色圆圈，但是它只绘制蓝色圆圈。我错过了什么？

CGContextRef c = UIGraphicsGetCurrentContext();

CGContextAddArc(c, self.bounds.size.width/2, self.bounds.size.height/2, 100, 0, M_PI * 2, true);
CGContextSetFillColor(c, CGColorGetComponents([[UIColor blueColor] CGColor]));
CGContextFillPath(c);

CGContextAddArc(c, self.bounds.size.width/2, self.bounds.size.height/2, 90, 0, M_PI * 2, true);
CGContextSetFillColor(c, CGColorGetComponents([[UIColor whiteColor] CGColor]));
CGContextFillPath(c);

Answer 1

您正在以不必要的间接方式设置填充颜色。改为这样做：

CGContextAddArc(c, self.bounds.size.width/2, self.bounds.size.height/2, 100, 0, M_PI * 2, true);
CGContextSetFillColorWithColor(c, [[UIColor blueColor] CGColor]);
CGContextFillPath(c);

CGContextAddArc(c, self.bounds.size.width/2, self.bounds.size.height/2, 90, 0, M_PI * 2, true);
CGContextSetFillColorWithColor(c, [[UIColor whiteColor] CGColor]);
CGContextFillPath(c);

或者，更好的是，直接使用 UIKit 的绘图方法：

[[UIColor blueColor] setFill];
[[UIBezierPath bezierPathWithArcCenter:CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2) radius:100 startAngle:0 endAngle:M_PI * 2 clockwise:YES] fill];

[[UIColor whiteColor] setFill];
[[UIBezierPath bezierPathWithArcCenter:CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2) radius:90 startAngle:0 endAngle:M_PI * 2 clockwise:YES] fill];

您的代码失败了，因为[[UIColor whiteColor] CGColor] 在“灰色”颜色空间中返回一种颜色，该颜色空间只有两个分量，一个“灰色”值（0 代表黑色，1 代表白色）和一个 alpha 值。在本例中，上下文是 RGBA，因此CGContextSetFillColor 预计会看到 4 个分量，三个用于 RGB，一个用于 alpha。

The documentation for CGContextSetFillColor指出：

请注意，现在要使用的首选 API CGContextSetFillColorWithColor.