objective c - Cómo animar un UIBezierPath

objective-c animation

Question

Me gustaría animar un UIBezierPath de rect a uno triangular, no para animar una vista en un camino sino para animar el camino en sí mismo para que se modifique de una forma a otra. la ruta se agrega a un CALayer

CAShapeLayer *maskLayer = [CAShapeLayer layer];
maskLayer.fillColor = [[UIColor whiteColor] CGColor];    
maskLayer.path = [self getRectPath];

-(CGPathRef)getTrianglePath
{
    UIBezierPath* triangle = [UIBezierPath bezierPath];
    [triangle moveToPoint:CGPointZero];
    [triangle addLineToPoint:CGPointMake(width(self.view),0)];
    [triangle addLineToPoint:CGPointMake(0, height(self.view))];
    [triangle closePath];
    return [triangle CGPath];
}

-(CGPathRef)getRectPath
{
    UIBezierPath*rect = [UIBezierPath bezierPathWithRect:self.view.frame];
    return [rect CGPath];
}

Answer 1

No soy un experto en CoreAnimation pero puedes definir una CABasicAnimation siguiente manera

CABasicAnimation *morph = [CABasicAnimation animationWithKeyPath:@"path"];
morph.duration = 5;
morph.toValue = (id) [self getTrianglePath];
[maskLayer addAnimation:morph forKey:nil];

La primera línea indica que desea definir una animación que cambie la propiedad de la path de la capa. La segunda línea indica que la animación dura cinco segundos y la tercera línea da el estado final de la animación. Finalmente, agregamos la animación a la capa. La clave es un identificador único para la animación, es decir, si agrega dos animaciones con la misma clave, solo se considera la última. Esta clave también se puede usar para anular las llamadas animaciones implícitas. Hay un par de propiedades de un CALayer que están animadas de manera predeterminada. Más precisamente, si cambia una de estas propiedades, el cambio se animará con una duración de 0,25.