Objective-C에서 시작 각도와 끝 각도로 타원을 그립니다.

Question

모양을 나타내는 XML 객체를 화면의 그래픽으로 렌더링하는 iPad 앱을 작성 중입니다. 렌더링하려고하는 객체 중 하나가 호입니다. 본질적으로이 호는 나에게 경계 사각형과 시작 및 끝 각도를 제공합니다.

지정된 속성 :

• X
• Y
• 폭
• 높이
• startAngle로부터
• endAngle I가 호를 그리 필요 이러한 값

(본질적으로 타원의 일부 임). 그것은 타원을 그립니다 때문에

UIBezierPath *arc = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(x, y, width, height)]; 
    [UIColor blackColor] setStroke]; 
    [arc stroke]; 

: 나는 다음을 사용할 수 없습니다. 기본적으로 위와 같은 것이 필요하지만 시작과 끝 각도를 고려해야하므로 타원의 일부만 표시됩니다. 이것은 큐빅 베 지어 곡선 또는 2 차 베 지어 곡선을 그리는 것을 포함 할 것이라고 생각합니다. 문제는 내가 주어진 정보로 시작점, 끝점 또는 제어점을 계산하는 방법에 대한 단서가 없다는 것입니다.

Answer 1

당신은 아마 당신이 타원의 도면 주위에 클립 경로를 설정하여 원하는 것을 얻을 수 있습니다.

CGContextSaveGState(theCGContext); 
CGPoint center = CGPointMake(x + width/2.0, y + height/2.0); 
UIBezierPath* clip = [UIBezierPath bezierPathWithArcCenter:center 
                radius:max(width, height) 
               startAngle:startAngle 
                endAngle:endAngle 
               clockwise:YES]; 
[clip addLineToPoint:center]; 
[clip closePath]; 
[clip addClip]; 

UIBezierPath *arc = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(x, y, width, height)]; 
[[UIColor blackColor] setStroke]; 
[arc stroke]; 

CGContextRestoreGState(theCGContext); 

클리핑의 정확한 반경은 중요하지 않습니다. 원하는 원호를 통과하는 것이 아니라 끝 부분에서 타원을 클립하기에 충분히 커야합니다.

Answer 2

대신 bezierPathWithOvalInRect.

방법 정의의 addQuadCurveToPoint:controlPoint:를 사용해야 할 것입니다 것은 그대로 - CGPoint입니다

- (void)addQuadCurveToPoint:(CGPoint)endPoint controlPoint:(CGPoint)controlPoint 

두 매개 변수의 인수 (입력)입니다.

addQuadCurveToPoint을 호출하기 전에 시작점을 설정해야합니다 (이 경우 해당 메서드의 매개 변수로 시작점이 표시되지 않음). 귀하의 경우에는

당신이해야합니다

1> X, 당신의 출발점으로 Y

2> X + 폭과 끝점으로 Y + 높이 여기에 각을 필요가 없습니다

또는 당신은 앵글을 사용하여 논리를 구현할 수 있습니다. 분명히 할 일을 업로드 이미지.

Answer 3

이 범주에 도움이됩니다.

#import <Foundation/Foundation.h> 

@interface UIBezierPath (OvalSegment) 

+ (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle; 
+ (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle angleStep:(CGFloat)angleStep; 

@end 

#import "UIBezierPath+OvalSegment.h" 

@implementation UIBezierPath (OvalSegment) 

+ (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle angleStep:(CGFloat)angleStep { 
    CGPoint center = CGPointMake(CGRectGetMidX(rect), CGRectGetMidY(rect)); 
    CGFloat xRadius = CGRectGetWidth(rect)/2.0f; 
    CGFloat yRadius = CGRectGetHeight(rect)/2.0f; 

    UIBezierPath *ellipseSegment = [UIBezierPath new]; 

    CGPoint firstEllipsePoint = [self ellipsePointForAngle:startAngle withCenter:center xRadius:xRadius yRadius:yRadius]; 
    [ellipseSegment moveToPoint:firstEllipsePoint]; 

    for (CGFloat angle = startAngle + angleStep; angle < endAngle; angle += angleStep) { 
     CGPoint ellipsePoint = [self ellipsePointForAngle:angle withCenter:center xRadius:xRadius yRadius:yRadius]; 
     [ellipseSegment addLineToPoint:ellipsePoint]; 
    } 

    CGPoint lastEllipsePoint = [self ellipsePointForAngle:endAngle withCenter:center xRadius:xRadius yRadius:yRadius]; 
    [ellipseSegment addLineToPoint:lastEllipsePoint]; 

    return ellipseSegment; 
} 

+ (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle { 
    return [UIBezierPath bezierPathWithOvalInRect:rect startAngle:startAngle endAngle:endAngle angleStep:M_PI/20.0f]; 
} 

+ (CGPoint)ellipsePointForAngle:(CGFloat)angle withCenter:(CGPoint)center xRadius:(CGFloat)xRadius yRadius:(CGFloat)yRadius { 
    CGFloat x = center.x + xRadius * cosf(angle); 
    CGFloat y = center.y - yRadius * sinf(angle); 
    return CGPointMake(x, y); 
} 

@end