[UIView transitionWithView…]快速系列进展不顺利

Question

我有一个视图，它是一个4x4的图像网格，并且正在尝试实现每个正方形的效果，从上到下，从左到右，翻转以显示新图像。 应该有点“涟漪”效果，所以左上角的正方形立即开始翻转，[0,1]正方形在0.05秒后翻转，[0,2]在0.10秒后翻转，依此类推，所以在（0.05 * 15）秒，最后一个方块开始翻转。

我的实现是这样的：每个网格正方形都是UIView子类DMGridSquareView，其中包含UIImageView和以下方法：

- (void)flipToNewImage:(UIImage*)img {
    AATileView *mySelf = self;

    [UIView transitionWithView:self.imageView
                      duration:0.4
                       options:UIViewAnimationOptionTransitionFlipFromLeft animations:^{
                                  self.imageView.image = img;
                               } completion:^(BOOL finished) {
                                  NSLog(@"Finished flip");
                               }];
}

然后，为了触发所有网格正方形的动画，请在DMGridView中调用此方法：

- (void)flipAllSquares:(NSArray*)newImages {
    int numTiles = self.numColumns * self.numRows;
    for (int idx=0; idx<numTiles; idx++) {
        UIImage *newImg = [newImages objectAtIndex:idx];
        [[self.gridSquareViews objectAtIndex:idx] performSelector:@selector(flipToNewImage:) withObject:newImg afterDelay:(0.05*idx)];
    }
}

在模拟器上运行时，这可以很好地工作。 但是，在我的iPhone 5上运行时，它具有意外的行为（至少对我而言）。 各个网格正方形的动画效果很好且流畅，并且速度正确，但是开始时间不正确。 它们发生在交错的“块”中。 因此，前2个正方形可能会立即翻转，然后接下来的4个正方形将在片刻之后同时翻转，然后下一个3个正方形在片刻之后翻转，依此类推。 它并不一致，但总是像这样的大块。

任何想法如何解决这个问题？

谢谢。

Answer 1

编辑1：

抱歉，我似乎误解了您的问题。 您不希望它们彼此翻转，而是希望每个视图在上一个视图开始翻转后很快就开始翻转。

您是否尝试过从完成块中递归调用该方法？ 这样，您就知道仅在上一张图像完成翻转动画之后才调用该方法。

NSInteger imageFlipIndex = 0;

- (void)flipToNewImage:(UIImage*)img {
    AATileView *mySelf = self;

    [UIView transitionWithView:self.imageView
                      duration:0.4
                       options:UIViewAnimationOptionTransitionFlipFromLeft animations:^{
                                  self.imageView.image = img;
                               } completion:^(BOOL finished) {
                                  imageFlipIndex++;
                                  if (imageFlipIndex < newImages.count) {
                                      UIImage *newImg = [newImages objectAtIndex:idx];
                                      [self flipToNewImage:newImg];
                                  } else {
                                      imageFlipIndex = 0;    
                                  }
                                  NSLog(@"Finished flip");
                               }];
}

如果尝试以下操作会发生什么：

imageFlipIndex++;
if (imageFlipIndex < newImages.count) {
    UIImage *newImg = [newImages objectAtIndex:idx];
    [[self.gridSquareViews objectAtIndex:imageFlipIndex] performSelector:@selector(flipToNewImage:) withObject:newImg afterDelay:(0.05*idx)];
} else {
    imageFlipIndex = 0;    
}

在动画块内？