Question

我正在尝试构建一个动画圆圈，它将顺时针绘制，直到它成为完整的圆圈，如iPhone Core Animation - Drawing a Circle

所示

问题是没有添加或构建CALayer对象。我测试过并发现它没有访问我的drawInContext:CGContextRef和animatingArc方法。

到目前为止，我所做的是：

在AnimateArc.h中

@interface AnimateArc : CALayer {

CAShapeLayer *circle;
}

-(void) animatingArc;

@end

在AnimateArc.m

中

-(void) drawInContext:(CGContextRef)ctx
{
CGFloat radius = 50.0;
circle = [CAShapeLayer layer];

//make a circular shape
circle.path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0.0, 0.0, 2 * radius, 2 * radius) cornerRadius:radius].CGPath;

    CGPoint centerPoint = CGPointMake(CGRectGetWidth(self.bounds)/2, CGRectGetHeight(self.bounds)/2);    

//center the shape in self.view
circle.position = centerPoint;

//configure appearence of circle
circle.fillColor = [UIColor clearColor].CGColor;
circle.strokeColor = [UIColor blackColor].CGColor;
circle.lineWidth = 5;                                           

/*CGPointMake((self.contentsCenter.size.width), (self.contentsCenter.size.height));*/

//path the circle
CGContextAddArc(ctx, centerPoint.x, centerPoint.y, radius, 0.0, 2 * M_PI, 0);
CGContextClosePath(ctx);

//fill it
CGContextSetFillColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextFillPath(ctx); }

/////////////////////////////////////////////// ////////////////////////

-(void) animatingArc
{
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"arcEnd"];
anim.duration = 20.0; //animate over 20 seconds
anim.repeatCount = 1.0; //animate only once
anim.removedOnCompletion = NO; //Reamin there after completion

//animate from start to end
anim.fromValue = [NSNumber numberWithFloat:50.0f];
anim.toValue = [NSNumber numberWithFloat:150.0f];

//experiment with timing to get appearence to look the way you want
anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];

//add animation to circle
[circle addAnimation:anim forKey:@"animatingArc"]; 
}

/////////////////////

//needed since key not part of animatable properties
+(BOOL) needsDisplayForKey:(NSString *)key
{
if([key isEqualToString:@"arcEnd"])
    return YES;
else
    return [super needsDisplayForKey:key];

}

//ensure custom properties copied to presentation layer
-(id) initWithLayer:(id)layer
{
if((self = [super initWithLayer:layer]))
{
    if ([layer isKindOfClass:[AnimateArc class]])
    {
        AnimateArc *other = (AnimateArc *) layer;
        [other setNeedsDisplay];
    }
}
return self; }

最后在我的viewController中，

- (void)viewDidLoad
{
[super viewDidLoad];
[self.view.layer addSublayer:AnimateArcObject];
[AnimateArcObject animatingArc];
 }

对格式错误的道歉......请有人告诉我，我做错了什么？我也怀疑我的代码在访问这两个函数后会在任何地方崩溃，因为我是Core Animation的新手并且不知道我是否正确的方向。

任何帮助将不胜感激。感谢。

Answer 1

根据我对CoreAnimation的痛苦经历，您必须始终设置您实例化的任何 bounds的{{1}}属性。

所以，你的图层没有显示，因为你遗漏了以下内容：

CALayer

你应该在实例化图层时立即放置它，并养成这样做的习惯，这样你就不会再陷入其中。

至于你的代码崩溃，抱歉。它太分散了，我不确定它是如何联系在一起的，所以我无法帮助你。

Answer 2

经过一番搜索，我以为我的方向错了。所以我删除了这个AnimateArc文件并添加了一个继承自UIViewController的新文件。

然后在viewDidLoad方法中，我编写了this link的代码，使用路径创建圆圈和动画。

在父视图控制器中，我添加了AnimatedArc ViewController's subview。现在它完美地工作：）

CALayer作为SubLayer不可见

2 个答案: