Objective-Cで開始角度と終了角度の楕円を描く

Question

シェイプを表すXMLオブジェクトを画面上のグラフィックスにレンダリングするiPadアプリケーションを作成しています。レンダリングしようとしているオブジェクトの1つが円弧です。基本的にこれらの弧は、境界矩形と開始角度と終了角度を私に提供します。

考えると属性：私は弧を描く必要があり、これらの値で

• X
• Y
• 幅
• 高さ
• startAngleの
• endAngle

（本質的に楕円の一部である）。次のように使用することはできません：

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

完全な楕円を描くので、私は次のものを使用できません。基本的に私は上記を必要としますが、開始角度と終了角度を考慮に入れる必要がありますので、楕円の一部のみが表示されます。これは、3次ベジェ曲線または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:を使用する必要がありますメソッドの定義がようである： -

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

するCGPointでそのパラメータの両方の引数（入力）されています。

addQuadCurveToPointを呼び出す前に、開始ポイントを設定する必要があります。このポイントは、現在のポイントとして機能します（メソッドの開始ポイントが表示されないため）。あなたのケースでは

あなたは

1>のx、あなたの出発点として、Y

エンドポイント

として2> X +幅とy +高さを持つことになりますが、ここで角度を必要としませんかangle.Amを使用してロジックを実装して、イメージをアップロードして明確にすることができます。

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