ios - 如何使用 UICollectionView 在 Pages 中重新创建重命名动画？

Question

在 Pages 文稿中，文档以纸张大小的矩形形式列出，下方有标题和日期。我用 UICollectionView 重新创建了这个外观。

当用户点击标题重命名文档时，所有其他文档都会淡出，而您点击的文档会从其当前位置过渡到中心，并随着键盘滑出而稍微扩大尺寸。

(我发现 this video 显示了我在说什么)

使用 UICollectionView 时最好的方法是什么？

Answer 1

您必须继承 UICollectionViewFlowLayout。然后，当执行所需的操作(重命名)时，将需要编辑的单元格的 indexPath 传递给布局。

然后你可以添加需要的布局属性，像这样:

-(void)applyRenameAttributes:(UICollectionViewLayoutAttributes *)attributes
{
    if (self.renameIndexPath != nil) {
        if (attributes.indexPath == self.renameIndexPath) {
            // add attributes for the item that needs to be renamed
        } else {
            attributes.hidden = YES;
        }
    }
}
-(NSArray *)layoutAttributesForElementsInRect:(CGRect)rect
{
    NSArray *allAttributes = [super layoutAttributesForElementsInRect:rect];

    for (UICollectionViewLayoutAttributes *attributes in allAttributes) {
        [self applyRenameAttributes:attributes];
    }

    return allAttributes;
}
-(UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath
{
    UICollectionViewLayoutAttributes *attributes = [super layoutAttributesForItemAtIndexPath:indexPath];

    [self applyRenameAttributes:attributes];

    return attributes;
}

您还需要在 renameIndexPath 值更改时使布局无效(在 setter 中执行此操作)。重命名完成(或取消)后，将 renameIndexPath 更改回 nil。