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

Posted 2021-04-05

我试图找出一种方法来动画删除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上这样做，以防万一对你很重要。

有任何想法吗？

答案

子类UICollectionViewFlowLayout。实行：

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

    attr.transform = CGAffineTransformMakeScale(0, 0);

    return attr;
}

另一答案

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

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