iphone - 使用 CABasicAnimation 为 Circle 的 endAngle 设置动画

Question

我有一些带有 drawrect 代码的 UIView 用于绘制饼图:

    - (void)drawRect:(CGRect)rect
    {
        CGRect parentViewBounds = self.bounds;
        CGFloat x = CGRectGetWidth(parentViewBounds)/2;
        CGFloat y = CGRectGetHeight(parentViewBounds)/2;

        // Get the graphics context and clear it
        CGContextRef ctx = UIGraphicsGetCurrentContext();
        CGContextClearRect(ctx, rect);


        // define line width
        CGContextSetLineWidth(ctx, 4.0);


        CGContextSetFillColor(ctx, CGColorGetComponents( [someColor CGColor]));
        CGContextMoveToPoint(ctx, x, y);
        CGContextAddArc(ctx, x, y, 100,  radians(270), radians(270), 0); // 27
        CGContextClosePath(ctx);
        CGContextFillPath(ctx);
}

但是当我尝试在绘制后为“endAngle”属性设置动画时，它不起作用:

CABasicAnimation *theAnimation;
theAnimation=[CABasicAnimation animationWithKeyPath:@"endAngle"];
theAnimation.duration=1;
theAnimation.repeatCount=1;
theAnimation.autoreverses=NO;
theAnimation.fromValue=[NSNumber numberWithFloat:270];
theAnimation.toValue=[NSNumber numberWithFloat:60];
[[self.layer presentationLayer] addAnimation:theAnimation forKey:@"animateLayer"];

我哪里出错了？

Answer 1

如果你想制作动画，那么你应该考虑使用 Core Animation 进行绘图。它使动画变得更加简单。

看看this great tutorial on making a custom animatable pie chart with Core Animation .我相信您可以修改它以获得您想要的。

如果你觉得它很复杂，那么你可以看看 my answer至 "Draw part of a circle"它通过画一个非常宽的圆圈来绘制饼图形状。