UICollectionview 非并行动画

Question

我的问题简而言之：this effect on UICollectionView 怎么实现？

我有一个带有类似于网格布局的自定义布局的集合视图。现在，当我进入 collectionview 控制器时，我希望单元格有一个漂亮的动画。

我知道我可以实现 - initialLayoutAttributesForAppearingItemAtIndexPath: 等并在 collectionview 上调用 performBatchUpdates。现在，当我这样做时，所有动画都是并行执行的（比如调用 UIView animate）。在许多应用程序中，我看到了在 iPhone 上的 philips hue 应用程序中没有并行完成的效果，效果可以在顶部发布的电影中看到。我可以想到的一件事是，不是在此处插入所有对象，而是分别添加行，因此例如，所有行都在彼此相邻的某个间隔后循环和分派。

无论如何，如果有人能提示我实现这种效果的最佳方法是什么，或者知道做类似事情的样本，我将不胜感激。

Answer 1

这是一种方法：（写完后我觉得有点脏……但它有效）

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    myCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    cell.myPic.image = [UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",indexPath.row]];

    CGRect frame = cell.myPic.frame;

    frame.origin.y = cell.myPic.frame.origin.y + 40;
    cell.myPic.frame = frame;
    cell.myPic.alpha = 0;

    [cells addObject:cell];

    return cell;
}

- (IBAction)Run:(UIButton *)sender
{
    for (int i=0; i<[cells count]; i++)
    {
        myCell *cell = [cells objectAtIndex:i];            

        [UIView animateWithDuration:0.15 animations:^() {
            CGRect frame = cell.myPic.frame;
            frame.size.width = 80;
            frame.origin.y = cell.myPic.frame.origin.y - 40;
            cell.myPic.frame = frame;
            cell.myPic.alpha = 1;            

        }completion:^(BOOL finished){}];
        [[NSRunLoop currentRunLoop] runUntilDate:[NSDate dateWithTimeIntervalSinceNow:0.05]];
    }
}