在旋转时调整 UICollectionViewCells 的大小会更改当前可见的单元格 [重复]

Posted

技术标签:

【中文标题】在旋转时调整 UICollectionViewCells 的大小会更改当前可见的单元格 [重复]【英文标题】:Resizing UICollectionViewCells on rotation changes currently visible cells [duplicate] 【发布时间】:2016-07-15 18:18:22 【问题描述】:

我有一个分页、水平滚动的UICollectionView,其中每个单元格占据视图/设备屏幕的大小,并且一次出现一个单元格。我遇到了一个问题,即在设备旋转时,单元格将转换为正确的新大小,但单元格的位置将关闭。

旋转前:

旋转后:

在旋转时,我怎样才能不仅正确调整集合视图单元格的大小,而且确保当前单元格保持可见?

我把这个问题归结为一个没有自定义流布局的非常简单的例子。

将单元格的大小设置为collectionView 框架的大小(集合视图是持有它的视图控制器的大小):

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize 
    return collectionView.frame.size

正在尝试处理 viewWillLayoutSubviews 中的旋转:

override func viewWillLayoutSubviews() 
    super.viewWillLayoutSubviews()

    guard let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else  return 

    flowLayout.itemSize = collectionView.frame.size

    flowLayout.invalidateLayout()

实际上,如果我在viewWillLayoutSubviews 中调用invalidateLayout(),这里应该没有必要设置itemSize,因为重新创建布局时会调用sizeForItemAtIndexPath

在设置新的 itemSize 后,我也尝试在旋转期间手动滚动到第一个可见单元格,但这没有任何改进:

if let item = collectionView.indexPathsForVisibleItems().first 
    collectionView.scrollToItemAtIndexPath(item, atScrollPosition: .CenteredHorizontally, animated: true)

【问题讨论】:

【参考方案1】:

您应该处理UICollectionView 的内容偏移量,因此在您的视图控制器中尝试从UIContentContainer 协议覆盖viewWillTransitionToSize 函数,如下所示:

override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) 
    super.viewWillTransitionToSize(size, withTransitionCoordinator: coordinator)

    let offset = yourCollectionView?.contentOffset;
    let width  = yourCollectionView?.bounds.size.width;

    let index     = round(offset!.x / width!);
    let newOffset = CGPointMake(index * size.width, offset!.y);

    yourCollectionView?.setContentOffset(newOffset, animated: false)

    coordinator.animateAlongsideTransition( (context) in
        yourCollectionView?.reloadData()
        yourCollectionView?.setContentOffset(newOffset, animated: false)
    , completion: nil)

【讨论】:

以上是关于在旋转时调整 UICollectionViewCells 的大小会更改当前可见的单元格 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

使用 Transform 旋转时调整 UIView 的大小

在 iphone 应用程序中使用 UIRotationGestureRecognizer 旋转时调整图像大小

UIPageViewController 没有在旋转时调整其子视图控制器的大小

在旋转时调整 UICollectionViewCells 的大小会更改当前可见的单元格 [重复]

以编程方式创建的 UILabel 未在旋转时调整大小

在方向更改时调整 ConstraintLayout