ios - 如何使用多个 subview 保持 iOS 动画流畅

Question

我正在尝试编写一个小游戏的不同外观，以在 iOS 上播放动画。

我的目标是拥有一个图 block 网格，它根据游戏玩法将每个图 block 的显示更改为一组图像中的一个。我希望每个图 block (最大 24x24)在其面孔发生变化时翻转。随着游戏的进行，需要同时翻转的方 block 越来越多。在我尝试同时翻转它们的第一个实现中，动画变得非常不稳定。

我改变了我的方法，不是一次翻转所有，而是一次翻转几个，通过为每个图 block 安排动画，每个图 block 的延迟略有增加，这样当第 10 个图 block 开始动画时，第一个一个已经完成了。整个过程只需要一点点时间就可以完成，但也会产生很好的视觉链式 react 。

但是，仍然存在一个问题:在游戏移动开始时，当玩家选择一种新颜色时，在动画开始之前，设备需要几分之一秒的时间。随着游戏的进行，情况会变得更糟，每次移动都需要安排更多的翻转，直到动画似乎挂起然后几乎立即完成，而中间的任何帧实际上都看不到。

这是触发相关图 block 翻转的代码(在我的 UIView 游戏网格子类中)。 (我删除了跳过图 block 的优化，因为它只在游戏的早期阶段很重要)。

float delay = 0.0f;
for (NSUInteger row=0; row<numRows; row++) {
    for (NSUInteger col=0; col<numCols; col++) {
        delay += 0.03f;
        [self updateFlippingImageAtRow:row col:col delay:delay animated:YES];
    }
}

游戏 GridView 有一个 NSArray 瓦片 subview ，它们使用上面循环中的 row 和 col 变量寻址。

updateFlippingImageAtRow:col:delay:animated 是我的 FlippingImageView 中的一个方法(也是 UIView 的子类)归结为这个(游戏省略逻辑):

-(void)animateToShow:(UIImage*)image 
            duration:(NSTimeInterval)time 
               delay:(float)delay 
          completion:(void (^)(BOOL finished))completion 
{
    [UIView animateWithDuration:time
                          delay:delay
                        options:UIViewAnimationOptionTransitionFlipFromLeft 
                     animations:^{
                         [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft
                                                forView:self
                                                  cache:YES];
                         self.frontImage = image;
                     }
                     completion:completion
    ];
}

工作正常，但是，我从 Instruments 测量中得出结论，它告诉我我的时间花在了动画 block 上，随着游戏的进行和要翻转的图 block 数量增加，获得的动画数量安排在操作的最开始是一个问题，然后系统会尝试通过丢帧来 catch 进度。

有什么建议可以提高性能吗？动画的确切时间并不重要。

Answer 1

您可以考虑使用 CoreAnimation 和 CALayers 而不是 UIViews 来做到这一点。它是一个非常强大和优化的框架。

这不是一件容易的事，您至少需要重新编写一些类(我首先想到的是 View 层次结构和 HitTest )，但这值得一试，而且过程相当轻松，因为CALayer 与 UIView 非常相似。

下一步是 OpenGL。它确实可以实时操作数百个对象，但需要做更多的工作。