6

特定の画像で UIImageView 内にいくつかの円を描画しようとしています。これは私がやろうとしていたことです:

UIGraphicsBeginImageContext(self.view.bounds.size);
CGContextRef contextRef = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(contextRef, 2.0);
CGContextSetStrokeColorWithColor(contextRef, [color CGColor]);
CGRect circlePoint = (CGRectMake(coordsFinal.x, coordsFinal.y, 50.0, 50.0));

CGContextStrokeEllipseInRect(contextRef, circlePoint);

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

[photoView addSubview:image];

円はきれいに描かれていますが、PhotoView をマスクとして機能させたいと思います。たとえば、アニメーションを使用して UIImageView を UIView の外に移動する場合、円を一緒に移動させたいと思います。重要なのは、座標が画面全体に対して相対的であることです。

4

1 に答える 1

10

代わりに、CoreAnimationのシェイプレイヤーを使用してください。

CAShapeLayer *circleLayer = [CAShapeLayer layer];
// Give the layer the same bounds as your image view
[circleLayer setBounds:CGRectMake(0.0f, 0.0f, [photoView bounds].size.width, 
                                              [photoView bounds].size.height)];
// Position the circle anywhere you like, but this will center it
// In the parent layer, which will be your image view's root layer
[circleLayer setPosition:CGPointMake([photoView bounds].size.width/2.0f, 
                                    [photoView bounds].size.height/2.0f)];
// Create a circle path.
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:
                                    CGRectMake(0.0f, 0.0f, 50.0f, 50.0f)];
// Set the path on the layer
[circleLayer setPath:[path CGPath]];
// Set the stroke color
[circleLayer setStrokeColor:[[UIColor redColor] CGColor]];
// Set the stroke line width
[circleLayer setLineWidth:2.0f];

// Add the sublayer to the image view's layer tree
[[photoView layer] addSublayer:circleLayer];

ここで、このレイヤーを含むUIImageViewをアニメーション化すると、子レイヤーであるため、レイヤーも一緒に移動します。また、をオーバーライドする必要はありませんdrawRect:。

于 2013-02-26T18:24:49.327 に答える