CAKeyframeAnimation múltiple en diferentes capas al mismo tiempo

Question

¿Alguien ahora cómo puedo animar varias capas al mismo tiempo usando CAKeyframeAnimation? Cada capa tiene su propio objeto CAKeyframeAnimation. Echar un vistazo al siguiente código:

tengo un método que recibe un objeto, crea la CAKeyframeAnimation y se une la animación a la misma:

- (void)animateMovingObject:(CALayer*)obj 
       fromPosition:(CGPoint)startPosition 
       toPosition:(CGPoint)endPosition 
        duration:(NSTimeInterval)duration { 
    CAKeyframeAnimation *pathAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"]; 
    pathAnimation.calculationMode = kCAAnimationPaced; 
    //pathAnimation.fillMode = kkCAFillModeRemoved; // default 
    //pathAnimation.removedOnCompletion = YES; // default 
    pathAnimation.duration = duration; 

    // create an empty mutable path 
    CGMutablePathRef curvedPath = CGPathCreateMutable(); 

    // set the starting point of the path 
    CGPathMoveToPoint(curvedPath, NULL, startPosition.x, startPosition.y); 

    CGPathAddCurveToPoint(curvedPath, NULL, 
          startPosition.x, endPosition.y, 
          startPosition.x, endPosition.y, 
          endPosition.x, endPosition.y); 
    pathAnimation.path = curvedPath; 
    [obj addAnimation:pathAnimation forKey:@"pathAnimation"]; 
    CGPathRelease(curvedPath); 
} 

Ahora, supongamos que tengo 3 capas añaden como una subcapa de mi juego de mesa y yo hacemos las siguientes llamadas:

CALayer obj1 = ... // set up layer and add as sublayer 
[self animateMovingObject:obj1 
      fromPosition:CGPointMake(0.0, 0.0) 
       toPosition:CGPointMake(100.0, 100.0) 
       duration:2.0]; 

CALayer obj2 = ... // set up layer and add as sublayer 
[self animateMovingObject:obj2 
      fromPosition:CGPointMake(0.0, 0.0) 
       toPosition:CGPointMake(150.0, 100.0) 
       duration:2.0]; 

CALayer obj3 = ... // set up layer and add as sublayer 
[self animateMovingObject:obj3 
      fromPosition:CGPointMake(0.0, 0.0) 
       toPosition:CGPointMake(200.0, 100.0) 
       duration:2.0]; 

al hacer esto, puedo ver sólo el obj3 se mueva de la posición (0.0, 0.0) a (200.0, 100.0). ¿Qué me estoy perdiendo? ¿Debo usar NSOperationQueue/Threads? El uso del método delegado animationDidStart: de CAKeyframeAnimation no parece ser útil en este contexto.

¿Alguna idea?

Gracias de antemano.

Answer 1

Si desea agrupar una serie de animaciones de este tipo, por lo que están garantizados para ser sincronizado, se puede envolver en una CATransaction:

[CATransaction begin]; 
[CATransaction setValue:[NSNumber numberWithFloat:2.0] forKey:kCATransactionAnimationDuration];  

// Do animations 

[CATransaction commit];  

Sin embargo, no estoy seguro de por qué la el código que ha escrito no activa las animaciones correctas para cada capa, incluso si no están sincronizadas.

Tenga en cuenta que al establecer removedOnCompletion en SÍ, su animación se ejecutará y luego el objeto volverá a su punto de inicio al final. Probablemente quieras que sea NO.