基于内容的水平居中 UICollectionView

Abh*_*rty 5 ios uicollectionview swift

我有一个水平 UICollectionView 工作正常。但我想在不需要滚动时将单元格居中。IE

  1. 如果所有单元格都能够适合视图宽度并且用户不需要滚动,则将单元格居中
  2. 如果所有单元格都无法适合视图宽度并且用户需要滚动,则不要将单元格居中(默认行为)

图形示例:

  1. 需要滚动然后保持默认行为的 UICollectionView

在此输入图像描述

  1. 不需要滚动的 UICollectionView

在此输入图像描述

到目前为止我已经尝试过:

class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {

    var dataList:[String] = ["icon_rotate", "icon_rotate2", "icon_rotate3", "icon_rotate4", "icon_rotate5", "icon_rotate6"]

 
    override func viewDidLoad() {
       super.viewDidLoad()
       //other stuff
    }

    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
      return (UIDevice.current.userInterfaceIdiom == .pad) ? 20.0 : 10.0
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
      return (UIDevice.current.userInterfaceIdiom == .pad) ? 20.0 : 10.0
    }



    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
       return CGSize(width: collectionView.frame.size.height * 0.75, height: collectionView.frame.size.height * 0.75)
     }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
      return dataList.count
     }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "editorCell", for: indexPath) as! EditorCell
    
    cell.iconView.image = UIImage(named: dataList[indexPath.row])
    
    
    return cell
   }

}
Run Code Online (Sandbox Code Playgroud)

这导致了 UICollectionView 的默认行为,所以我在 SO 中搜索并找到了这篇文章:How to center Horizo​​ntal UICollectionView Cells? 我添加了这段代码:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAtIndex section: Int) -> UIEdgeInsets {

  let totalCellWidth = CellWidth * CellCount
  let totalSpacingWidth = CellSpacing * (CellCount - 1)

  let leftInset = (collectionViewWidth - CGFloat(totalCellWidth + totalSpacingWidth)) / 2
  let rightInset = leftInset

  return UIEdgeInsets(top: 0, left: leftInset, bottom: 0, right: rightInset)
}
Run Code Online (Sandbox Code Playgroud)

当需要加载的单元格很少时,此代码确实可以正常工作,但我希望它能够动态检测是否需要居中或让默认行为保持运行状态。

谢谢

Don*_*Mag 4

假设当单元格适合时,当前代码正在工作 - 也就是说,它在需要时将“单元格行”居中 - 更改此行:

let leftInset = (collectionViewWidth - CGFloat(totalCellWidth + totalSpacingWidth)) / 2
Run Code Online (Sandbox Code Playgroud)

到:

let leftInset = max(0, (collectionViewWidth - CGFloat(totalCellWidth + totalSpacingWidth)) / 2.0)
Run Code Online (Sandbox Code Playgroud)

这样你的插入永远不会小于零