объединить несколько CAAnimation последовательно

Я читал о CATransactions, а затем подумал, что это может помочь решить мою проблему.

Это то, чего я не хочу делать: у меня есть 3 анимации в одном слое, каждая из которых имеет свою продолжительность. Я создаю анимацию с помощью CAKeyframeAnimation с CGMutablePathRef.

сказать например:

  • аним1 -> продолжительность 5 с
  • аним2 -> 3 с
  • аним3 -> 10 с

Теперь я хочу сериализовать их последовательно. Я пытался использовать CAAnimationGroup, но анимации выполняются одновременно. Я читал о CATransaction, это возможное решение? Не могли бы вы привести небольшой пример?

Спасибо за помощь !


caanimation serialization cgpath catransaction
person Igon83    schedule 11.02.2011    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Если под сериализацией вы подразумеваете запуск каждой анимации после завершения предыдущей, используйте свойство beginTime (определенное в протоколе CAMediaTiming). Обратите внимание, что его документация немного вводит в заблуждение. Вот пример:

anim2.beginTime = anim1.beginTime + anim1.duration;
anim3.beginTime = anim2.beginTime + anim2.duration;
person Alexei Sholik    schedule 08.04.2011

arrow_upward
1
arrow_downward

Если вы уверены, что сделаете это со слоями, вы можете попробовать следующее:

Использование блока завершения в CATransactions

-(void)animateThreeAnimationsOnLayer:(CALayer*)layer animation:(CABasicAnimation*)firstOne animation:(CABasicAnimation*)secondOne animation:(CABasicAnimation*)thirdOne{
    [CATransaction begin];

        [CATransaction setCompletionBlock:^{
            [CATransaction begin];

            [CATransaction setCompletionBlock:^{
                [CATransaction begin];

                [CATransaction setCompletionBlock:^{
                    //If any thing on completion of all animations
                }];
                [layer addAnimation:thirdOne forKey:@"thirdAnimation"];
                [CATransaction commit];
            }];
            [layer addAnimation:secondOne forKey:@"secondAnimation"];
            [CATransaction commit];
        }];
    [layer addAnimation:firstOne forKey:@"firstAnimation"];
    [CATransaction commit];

}

Еще один способ – применить задержку для начала анимации.

-(void)animateThreeAnimation:(CALayer*)layer animation:(CABasicAnimation*)firstOne animation:(CABasicAnimation*)secondOne animation:(CABasicAnimation*)thirdOne{
    firstOne.beginTime=0.0;
    secondOne.beginTime=firstOne.duration;
    thirdOne.beginTime=firstOne.duration+secondOne.duration;

    [layer addAnimation:firstOne forKey:@"firstAnim"];
    [layer addAnimation:secondOne forKey:@"secondAnim"];
    [layer addAnimation:thirdOne forKey:@"thirdAnim"];
}

И если вы собираетесь использовать UIVIew Animation

//if View is applicable in your requirement then you can look this one;
-(void)animateThreeAnimationOnView{
    [UIView animateWithDuration:2.0 animations:^{
        //first Animation
    } completion:^(BOOL finished) {
        [UIView animateWithDuration:2.0 animations:^{
            //Second Animation
        } completion:^(BOOL finished) {
            [UIView animateWithDuration:2.0 animations:^{
                //Third Animation
            }];
        }];
    }];

}

person Mrug    schedule 11.04.2014