イメージをXcode/objective-cの2つの同心円の間の領域に描画します

Question

私はイメージ（実際には円形）を持ち、2つの同心円の間の領域に対応するイメージの部分のみを描画したいと考えています。内側のものはサイズを調整できます。

外側の同心円は、常に画像の外側の端に対応しますが、描画される画像には、小さな同心円のサイズに対応する「穴」を残す必要があります。

私はこれをiOS用のobjective-cでしようとしています。可変サイズの「ファインダ」コントロールを描画しています。

ご迷惑をおかけして申し訳ございません。

Answer 1

CGContextEOClipを使用する標準的なケースのようなサウンドです。このコードをチェックしていない、しかし、のようなもの：

CGContextRef ctxt = UIGraphicsGetCurrentContext(); 
CGMutablePathRef path = CGPathCreateMutable(); 
CGPathAddEllipseInRect(path, NULL, outerCircle); 
CGPathAddEllipseInRect(path, NULL, innerCircle); 
CGContextEOClip(ctxt); 
//Draw your stuff 

Answer 2

は、最も簡単でパフォーマンスの高いソリューションは、おそらくUIImageViewを使用して、そのレイヤーのマスクとしてCAShapeLayerを適用することであろう。

例：

UIImage *image = ...; 
CGFloat ringWidth = 20.0; 
CGRect outerCircleRect = CGRectMake(0, 0, image.size.width, image.size.height); 
CGRect innerCircleRect = CGRectInset(outerCircleRect, ringWidth, ringWidth); 
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:outerCircleRect]; 
[path appendPath:[UIBezierPath bezierPathWithOvalInRect:innerCircleRect]]; 
CAShapeLayer *shapeLayer = [CAShapeLayer layer]; 
shapeLayer.fillRule = kCAFillRuleEvenOdd; 
shapeLayer.path = [path CGPath]; 
UIImageView *imageView = [[[UIImageView alloc] initWithImage:image] autorelease]; 
imageView.layer.mask = shapeLayer; 
[self.view addSubview:imageView]; 

あなたは、これが機能するためにはQuartzCoreフレームワークを含める必要があります。

内側の円の半径を変更すると、シェイプレイヤーに新しいパスを割り当てることができます。これはアニメ化することさえできます。