UICollectionView:动画自定义布局

时间:2012-10-21 16:00:20

标签: ios animation layout uicollectionview

我在UICollectionView中显示了很多图像单元格。 只需一个按钮,我就可以将所有细胞分组到第一个细胞上。

这很好用,但是当我尝试将动画转换添加到我的重新组合操作时,没有任何反应。

这是我在自定义布局中使用的方法:

- (NSArray*)layoutAttributesForElementsInRect:(CGRect)rect
{
    NSArray* allAttributesInRect = [super layoutAttributesForElementsInRect:rect];

    if([allAttributesInRect count] > 0 && _isRegroup)
    {
        UICollectionViewLayoutAttributes *firstAttribute = [allAttributesInRect objectAtIndex:0];
        CGRect frame = firstAttribute.frame;

        for(UICollectionViewLayoutAttributes *attribute in allAttributesInRect)
            [UIView animateWithDuration:0.3f animations:^{attribute.frame = frame;}];
    }
    return allAttributesInRect;
}

- (void)regroupCells:(BOOL)isRegroup // This method is called from my collection controller when my button is pressed
{
    _isRegroup = isRegroup;
    [self invalidateLayout];
}

有什么想法吗? 谢谢!

1 个答案:

答案 0 :(得分:21)

动画无法在您调用它们的方法中起作用。

要更改布局并将动画更改为新布局,最简单的方法是在集合视图上调用performBatchUpdates,每个块参数都使用nil。这会使您的布局和动画无效。

在执行此操作之前,您将告诉布局对象您希望新布局发生。此外,在layoutAttributesForElementsInRect内,只需检查您的布尔变量并将分组的帧(可能中心更好)应用于您现在正在执行的所有属性,但不使用动画。您还需要在layoutAttributesForElementAtIndexPath中重现此代码。

所以,总结一下:

  1. 中删除无效的布局调用
  2. 从他们所在的地方删除动画调用,只需修改布局属性
  3. 同时添加..forElementAtIndexPath代码
  4. 在视图控制器中,调用布局对象上的regroup方法,然后在集合视图上调用performBatchupdates。