Question

我试图绘制一个分集轮（内部带有曲线矩形的圆圈），请参阅：

circle http://api.ning.com/files/oKZwndeqeam7%2aMiO7f4BDUT%2aAgw3WsK3kW-b-wXjR8gCrCqVAv3RpyBAdi%2adYSLaca0kAYCY0Wk13bSHDnEbOVR1NNUuYotV/diversity_wheel3.JPG?width=500

我知道如何绘制圆圈，但我不知道如何根据圆坐标绘制曲线矩形。

我该怎么做？

Answer 1

由于您知道如何绘制圆圈，只需在其中心添加一些线条，就会得到类似于您发布的图像的内容：

- (void)drawRect:(CGRect)rect
{
    CGPoint centerPoint = self.center;
    CGFloat circleWidth = 30;
    int numCircles = 4;

    [[UIColor colorWithHue:0.53 saturation:1 brightness:0.6 alpha:1] setStroke];

    CGContextRef ctx = UIGraphicsGetCurrentContext();
    for(int i=numCircles-1;i>=0;i--){
        //calculate some color
        CGFloat colorModifier = ((numCircles-i)/(float)numCircles);
        [[UIColor colorWithHue:0.53 saturation:colorModifier*0.8+0.2 brightness:1-colorModifier*0.4 alpha:1] setFill];

        CGFloat radius = circleWidth*(i+1);

        //draw the circle
        CGContextFillEllipseInRect(ctx, CGRectMake(centerPoint.x-radius, centerPoint.y-radius, 2*radius, 2*radius));
        CGContextStrokeEllipseInRect(ctx, CGRectMake(centerPoint.x-radius, centerPoint.y-radius, 2*radius, 2*radius));

        if(i>0){
            //just add a random number of dividers here
            int numDivider = 3+(arc4random()%5);
            float angleStep = 2*M_PI/numDivider;
            for(int j=0;j<numDivider;j++){
                CGFloat x = centerPoint.x + sinf(j*angleStep)*radius;
                CGFloat y = centerPoint.y + cosf(j*angleStep)*radius;
                CGContextMoveToPoint(ctx, centerPoint.x, centerPoint.y);
                CGContextAddLineToPoint(ctx, x, y);
                CGContextStrokePath(ctx);
            }
        }
    }
}

绘制单个弯曲矩形的可能性是绘制圆弧并擦除内圆。像这样：

    UIBezierPath *path = [UIBezierPath bezierPath];
    [path moveToPoint:self.center];
    [path addArcWithCenter:self.center radius:150 startAngle:-0.3 endAngle:0.3 clockwise:YES];
    [path fill];

    UIBezierPath *innerPath = [UIBezierPath bezierPath];
    [innerPath moveToPoint:self.center];
    [innerPath addArcWithCenter:self.center radius:120 startAngle:0 endAngle:2*M_PI clockwise:YES];
    CGContextSetBlendMode(UIGraphicsGetCurrentContext(), kCGBlendModeClear);
    [innerPath fill];

在iOS上的圆圈内绘制一个Curvilinear矩形

1 个答案: