ios - 绘制同心圆: Inner circle should be filled

Question

我正在尝试实现一个形状为 的按钮

这是我正在尝试的当前代码。它实现了同心圆，但外面的那个被填充了。帮助。

 CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextAddEllipseInRect(ctx, rect);
    CGContextAddEllipseInRect(ctx, 
                CGRectMake(
                    rect.origin.x + 10, 
                    rect.origin.y + 10, 
                    rect.size.width - 20, 
                    rect.size.height - 20));
    CGContextSetFillColor(ctx, CGColorGetComponents([[UIColor blueColor] CGColor]));
    CGContextEOFillPath(ctx);

Answer 1

制作两个上下文，只填充内圈

- (void)drawRect:(CGRect)rect
{
    CGContextRef outer = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(outer, 1.5);
    CGContextSetStrokeColorWithColor(outer, [UIColor blueColor].CGColor);
    CGContextAddEllipseInRect(outer, CGRectMake(rect.origin.x + 5, rect.origin.y + 5, rect.size.width - 10, rect.size.height - 10));
    CGContextStrokePath(outer);

    CGContextRef inner = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(inner, 1.5);
    CGContextSetFillColorWithColor(inner, [UIColor blueColor].CGColor);
    CGContextAddEllipseInRect(inner, CGRectMake(rect.origin.x + 15, rect.origin.y + 15, rect.size.width - 30, rect.size.height - 30));
    CGContextFillPath(inner);
}

我在外部上下文中添加了 5 个单位的填充，使其看起来像圆形而不是圆角矩形。