用于删除UICollectionViewCells的类似Springboard的动画

时间:2014-07-19 17:28:08

标签: ios objective-c ios7 uicollectionview springboard

我试图找出一种方法来动画删除UICollectionViewCell,类似于iOS 7中的跳板。删除的单元格应缩小为虚无,剩余的单元格应滑过以填充其位置(滑动是重要的部分)。我试过了:

•将每个单元格的框架设置为上一单元格的框架,如下所示:

UICollectionViewCell *cell = [self.collectionView cellForItemAtIndexPath:[NSIndexPath indexPathForItem:i inSection:0]];
CGRect rect = [self.collectionView cellForItemAtIndexPath:[NSIndexPath indexPathForItem:i - 1 inSection:0]].frame;      
[UIView animateWithDuration:0.2 animations:^{
    cell.frame = rect;
}];

但这不起作用,因为细胞根本没有移动。

•以下两项:

[self.collectionView performBatchUpdates:^{
    [self.collectionView reloadSections:[NSIndexSet indexSetWithIndex:0]];
} completion:nil];

[UIView animateWithDuration:0.2 animations:^{
    [self.collectionView reloadSections:[NSIndexSet indexSetWithIndex:0]];
}];

但这些会使细胞交叉褪色到所需的斑点,而不是滑动。

我还找到this project,它使用以下内容:

for (int i = index+1; i<[items count]; i++) {
    SEMenuItem *item = [items objectAtIndex:i];
    [UIView animateWithDuration:0.2 animations:^{

        if (i < index + remainingNumberOfItemsInPage) {

            int intVal = item.frame.origin.x;
            if (intVal %3== 0)
                [item setFrame:CGRectMake(item.frame.origin.x+2*item.frame.size.width, item.frame.origin.y-item.frame.size.height-5, item.frame.size.width, item.frame.size.height)];
            else
                [item setFrame:CGRectMake(item.frame.origin.x-item.frame.size.width, item.frame.origin.y, item.frame.size.width, item.frame.size.height)];
        }

        [item updateTag:item.tag-1];
    }];
}

但是,它不在UICollectionView中,因此对我没用。

注意:我在iPad上这样做,以防万一对你很重要。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

子类UICollectionViewFlowLayout。实现:

- (UICollectionViewLayoutAttributes *)finalLayoutAttributesForDisappearingItemAtIndexPath:(NSIndexPath *)indexPath
{
    UICollectionViewLayoutAttributes *attr = [self layoutAttributesForItemAtIndexPath:indexPath]; // might need to replace self with super

    attr.transform = CGAffineTransformMakeScale(0, 0);

    return attr;
}

答案 1 :(得分:0)

除了duci9y的答案,(使用attr.transform = CGAffineTransformMakeScale(0,0);),以下内容使得瓷砖滑动。我不敢相信我以前没想过这个。

[self.collectionView performBatchUpdates:^{
    [self.collectionView deleteItemsAtIndexPaths:@[indexPath]];
    [dataSource removeObjectAtIndex:indexPath.row];
} completion:nil];