我有一个照片库 View ，它使用一个 UICollectionView 和一个 UICollectionViewFlowLayout，它有 pagingEnabled 并且水平滚动一次只显示一个 View 时间。

在我尝试旋转它之前效果很好...

当我旋转设备时，在 willRotateToInterfaceOrientation:duration: 中，我更新了 collectionView.contentOffset 以使其保持在正确的项目上，并调整了 currentCell 的大小以使其动画化新的维度。 问题出在两种状态之间的动画中，“先前”方向从左上角开始动画，然后跳入 View 中的其他单元格。这是什么，我是做错了，以至于动画离开屏幕的 View 是 FUBAR？

这是它的实际效果:

http://www.smugmug.com/gallery/n-3F9kD/i-BwzRzRf/A (忽略断断续续的视频，那是 Quicktime 的错:p)

这是我的willAnimateRotationToInterfaceOrientation:duration:

- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
[super willAnimateRotationToInterfaceOrientation:toInterfaceOrientation duration:duration];

// Update the flowLayout's size to the new orientation's size
UICollectionViewFlowLayout *flow = (UICollectionViewFlowLayout *)self.collectionView.collectionViewLayout;
if (UIInterfaceOrientationIsLandscape(toInterfaceOrientation)) {
    flow.itemSize = CGSizeMake(self.collectionView.frame.size.width, self.collectionView.frame.size.height);
} else {
    flow.itemSize = CGSizeMake(self.collectionView.frame.size.width, self.collectionView.frame.size.height);
}
self.collectionView.collectionViewLayout = flow;
[self.collectionView.collectionViewLayout invalidateLayout];

// Get the currently visible cell
PreviewCellView *currentCell = (PreviewCellView*)[self.collectionView cellForItemAtIndexPath:[NSIndexPath indexPathForRow:_currentIndex inSection:0]];

// Resize the currently index to the new flow's itemSize
CGRect frame = currentCell.frame;
frame.size = flow.itemSize;
currentCell.frame = frame;

// Keep the collection view centered by updating the content offset
CGPoint newContentOffset = CGPointMake(_currentIndex * frame.size.width, 0);
self.collectionView.contentOffset = newContentOffset;
}

据我所知，我在任何地方都找不到任何示例代码来说明如何制作优雅旋转的“照片库”风格的 Collection View 。

最佳答案

我为此苦苦挣扎了很长一段时间，直到我至少找到了这个“美容解决方法”:

在旋转期间在 collectionView 顶部添加一个全屏 UIImageView，其中包含当前图像(并设置了正确的自动布局约束)。像这样:

-(void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration: (NSTimeInterval)duration 
{

[self.collectionView.collectionViewLayout invalidateLayout];

    // show a UIImageView with the current image on top of the collectionView 
    // to cover the ugly animation
    self.imageViewOnTopOfCollectionView.image = [self imageForItemAtIndexPath:self.currentIndexPath];
    self.imageViewOnTopOfCollectionView.hidden = NO;

    // show a centered, very large 'fakeBackground' view on top of
    // the UICollectionView, but below the UIImageView
    self.fakeBackground.hidden = NO;
}

-(void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    // ... set correct contentOffset

    // hide the fake views again
    self.imageViewOnTopOfCollectionView.hidden = YES;
    self.fakeBackground.hidden = YES;
}

一个大的“fakeBackground”将是一个额外的改进，以防止丑陋的 Collection View 动画的一部分在旋转时在此 imageViews 框架之外可见。例如。一个超大(在所有维度上都大于 View 的边界)UIView，具有与 collectionView 相同的背景颜色，在 collectionView 和 imageView 之间有一个 z-Index。

关于ios - 如何旋转类似于照片应用程序的 UICollectionView 并保持当前 View 居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18708407/