UICollectionView 像 iPhone 照片应用一样点击动画

Question

当您在 iPhone 的照片应用程序（或几乎所有其他应用程序）中点击照片时，我想复制完全相同的 didSelect 动画/segue，其中照片从单元格本身放大到一个模态视图控制器，并在关闭时最小化到它在网格中所属的任何位置。

我尝试使用谷歌搜索，但找不到任何关于此的文章。

Answer 1

在 git 上有很多公开的 repos 可能会做你想做的事。我发现的一些东西：
https://github.com/mariohahn/MHVideoPhotoGallery
https://github.com/mwaterfall/MWPhotoBrowser

这些可能过于复杂。另一种选择是在与单元格相同的位置创建 UIImageView，然后对其进行动画处理以填充屏幕。此代码假定 collectionView 的原点位于 (0,0)，如果不是，则在计算初始帧时只需添加 collectionView 的偏移量。

collectionView.scrollEnabled = false; // disable scrolling so view won't move
CGPoint innerOffset = collectionView.contentOffset; // offset of content view due to scrolling
UICollectionViewLayoutAttributes *attributes = [collectionView layoutAttributesForItemAtIndexPath:[NSIndexPath indexPathForItem:index inSection:0] ];
CGRect cellRect = attributes.frame; // frame of cell in contentView

UIImageView *v = [[UIImageView alloc] initWithFrame:CGRectMake(cellRect.origin.x - innerOffset.x, cellRect.origin.y - innerOffset.y, cellRect.size.width, cellRect.size.height)];
[self.view addSubview:v]; // or add to whatever view you want
v.image = image; // set your image
v.contentMode = UIViewContentModeScaleAspectFit; // don't get stupid scaling
// animate
[UIView animateWithDuration:0.5 animations:^{
    [v setFrame:[[UIScreen mainScreen] bounds]]; // assume filling the whole screen
}];

这不是漂亮的弹出动画，但看起来应该还不错。