CATransform3D动画与2个步骤不工作

Question

我有一个序列动画，我正在尝试做。它有两个步骤。

步骤1：我取下图层，稍微改变一下透视图，这样看起来图层的顶部会向后移动<代码>sourceViewController。看法层转换CATTransferM3dMakePerspective（0，0.003，CATTransferM3dDidEntity）

第2步：我将比例更改为80%并将透视恢复正常。这就像一个轻微的摇摆缩小动画。

sourceViewController。看法层transform=CATTransferM3DScale（sourceViewController.view.layer.transform，0.8，0.8，1）

sourceViewController。看法层转换CATTransferM3dMakePerspective（0，0，sourceViewController.view.layer.transform）

我最大的问题是这个。我不能同时在图层上做2个动画。它会在第一次转换结束时自动开始，而不是同时做两个。这可以通过conat修复，但是因为我希望第一步发生在顶部，所以图层保存它的状态，所以第二步可以发生，我不能同时处理所有三个。

如何创建在同一图层上有1个或多个转换的多步动画？就像我在下面的示例中所说的，它将跳过第1步并开始，就好像该步骤已经完成一样。我知道解释起来有点混乱。这是我的动画。

[UIView animateWithDuration:2.0
                        delay:0.0
                        options:UIViewAnimationCurveEaseIn 
                     animations:^{
                         sourceViewController.view.layer.transform = CATransform3DMakePerspective(0, 0.003, sourceViewController.view.layer.transform);
                         [UIView animateWithDuration:1.0
                                               delay:1.0
                                             options:UIViewAnimationCurveEaseOut 
                                          animations:^{
                                              sourceViewController.view.layer.transform = CATransform3DConcat(CATransform3DScale(sourceViewController.view.layer.transform, 0.8, 0.8, 1),CATransform3DMakePerspective(0, 0, sourceViewController.view.layer.transform));

                                          } 
                                          completion:nil];
                     } 
                     completion:^(BOOL finished){
                     }];

我已经谷歌并尝试了一切。必须有一种方法可以在同一图层上从最后一个elft关闭的地方开始连续动画。我传入的是图层而不是CATransform3DIdreal，因为我读到身份恢复到起始状态，而不是图层转换到的位置。

Answer 1

您需要在第一个动画的完成处理程序中嵌套第二个动画

[UIView animateWithDuration:2.0
                        delay:0.0
                      options:UIViewAnimationCurveEaseIn 
                   animations:^{
                         sourceViewController.view.layer.transform = CATransform3DMakePerspective(0, 0.003, sourceViewController.view.layer.transform);
                     } 
                     completion:^(BOOL finished){
                                        [UIView animateWithDuration:1.0
                                                              delay:0.0
                                                            options:UIViewAnimationCurveEaseOut 
                                                         animations:^{
                                                               sourceViewController.view.layer.transform = CATransform3DConcat(CATransform3DScale(sourceViewController.view.layer.transform, 0.8, 0.8, 1),CATransform3DMakePerspective(0, 0, sourceViewController.view.layer.transform));
                                          } 
                                          completion:nil];
                     }];

Answer 2

在第一个动画完成之前，您不想开始第二个动画。这就是完成块的作用。

[UIView animateWithDuration:2 delay:0 options:UIViewAnimationCurveEaseIn animations:^{
    sourceViewController.view.layer.transform = CATransform3DMakePerspective(
        0, 0.003, sourceViewController.view.layer.transform);
} completion:^(BOOL finished) {
    [UIView animateWithDuration:1 delay:0 options:UIViewAnimationCurveEaseOut animations:^{
        sourceViewController.view.layer.transform = CATransform3DConcat(
            CATransform3DScale(sourceViewController.view.layer.transform, 0.8, 0.8, 1),
            CATransform3DMakePerspective(0, 0, sourceViewController.view.layer.transform));
    } completion:nil];
}];