根据path属性为CAShapeLayer的子类自定义属性设置动画

时间:2014-03-30 12:47:17

标签: ios cocoa-touch animation core-animation calayer

我有一个CAShapeLayer子类,它有两个属性,一个startPoint和一个endPoint。这些属性不会直接绘制到上下文中,而是用于更改path属性,类似于transform,position和bounds属性。

这是整个图层的代码

-(void)setStartPoint:(CGPoint)startPoint {
    if (!CGPointEqualToPoint(_startPoint, startPoint)) {
        _startPoint = startPoint;

        [self reloadPath];
    }
}

-(void)setEndPoint:(CGPoint)endPoint {
    if (!CGPointEqualToPoint(_endPoint, endPoint)) {
        _endPoint = endPoint;

        [self reloadPath];
    }
}

-(id)initWithLayer:(CRPathLayer*)layer {
    self = [super initWithLayer:layer];
    if (self && [layer isKindOfClass:[CRPathLayer class]]) {
        self.startPoint = layer.startPoint;
        self.endPoint = layer.endPoint;
    }

    return self;
}

+(BOOL)needsDisplayForKey:(NSString *)key {
    if ([key isEqualToString:NSStringFromSelector(@selector(startPoint))] || [key isEqualToString:NSStringFromSelector(@selector(endPoint))]) {
        return YES;
    }

    return [super needsDisplayForKey:key];
}

-(void)reloadPath {
    CGMutablePathRef path = CGPathCreateMutable();
    CGPathMoveToPoint(path, NULL, self.startPoint.x, self.startPoint.y);
    CGPathAddLineToPoint(path, NULL, self.endPoint.x, self.endPoint.y);

    self.path = path;
    CGPathRelease(path);
}

但是有一个问题。我需要为两个新属性(start-或endPoint)中的一个设置动画。我知道我可以直接为path属性设置动画,但这不是我想要实现的。 我显然在实现中遗漏了一些东西。当我尝试使用CABasicAnimation为它设置动画时,根本没有任何事情发生。

有人可以帮我吗? 提前谢谢。

1 个答案:

答案 0 :(得分:1)

您遗失的作品是actionForKey:方法(虽然path是可动画的,但它并非隐含动画效果(即因为属性而无法动画)变化))。

你需要做的是每当startPoint或endPoint改变时为路径提供一个动作(一个动画的更通用的术语)(或者只是让路径隐式动画,以便设置一个新路径导致动画,他们真的做同样的事情。)

它可能看起来像这样(我在浏览器中键入了这个,因此它可能无法编译):

- (id <CAAction>)actionForKey:(NSString *)key 
{
    if ([key isEqualToString:@"startPoint"] || [key isEqualToString:@"endPoint")]) {
        CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"path"];
        anim.fromValue = [self.presentationLayer valueFoKey:@"path"];
        return animo;
    }

    return [super valueForKey:key];
}