ios - 如何在 CollectionView 中自动布局 ImageView 以便单元格到边缘的间距与内部单元格间距相同？

Question

我在 CollectionViewCell 中创建了 UIImageView。我希望布局最左边的单元格到左边缘的间距与内部单元格之间的间距相同，并且最右边的单元格到屏幕右边缘的间距相同。我目前的布局是这样的:

在上图中，左边缘到左侧的大多数单元格间距为 10 点，而内部单元格间距是其两倍。那是因为我的 UIImageView 在所有 4 个方向(上、下、左、右)上都比 CollectionViewCell 小 10points。

我在这个问题上花了很多时间，包括搜索 StackOverflow，但似乎找不到答案。

我可以按照 this posting
连续创建 N 个单元格，而且我还按照 this posting 调整单元格间距

Answer 1

我设法找到了上述问题的解决方案。

我做了以下事情:

1. 移除 UIImageView 和 CollectionViewCell 之间的所有内部间距。然后删除任何偏移量并使大小匹配。在所有 4 个方向上设置 0 约束。
   

2. 使用 second reference mentioned above作为模板。我用以下内容更新了我的 ViewController:
   

   扩展 ToDoCategoryViewController: UICollectionViewDelegateFlowLayout {

   fileprivate var sectionInsets: UIEdgeInsets {
       return UIEdgeInsetsMake(0, Constant.hardCodedPadding, 0, Constant.hardCodedPadding)
   }
   
   fileprivate var innerSpacing: CGFloat { return Constant.hardCodedPadding }
   fileprivate var rowSpacing: CGFloat { return Constant.hardCodedPadding }
   
   func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
   
       var itemPerRow: CGFloat {
           switch collectionView.bounds.width {
           case 300..<500:
               return 3
           case 500..<800:
               return 4
           default:
               return 5
           }
       }
   
       let innerSpacingCount = itemPerRow - 1
       let edgesPadding = Constant.hardCodedPadding * 2.0
       let itemWidth = (collectionView.bounds.width - (innerSpacing * innerSpacingCount + edgesPadding)) / itemPerRow
       let itemHeight = itemWidth * CGFloat(1.25)
       return CGSize(width: itemWidth, height: itemHeight)
   }
   
   func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
       return sectionInsets
   }
   
   func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
       return rowSpacing
   }
   
   func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
       return innerSpacing
   }
   

在我其他地方的代码中，我设置了 Constant.hardcodedPadding 值，例如CGFloat(30.0)

因此，我得到以下 View :