Swift: collectionView 单元格

Swift: collectionView cell

我创建了 collectionView 我有 3 个单元格。我希望我的单元格在所有设备的所有屏幕上看起来像这样:

但我有 iPad 的结果。

如何解决?

更新

我在UIViewController中添加了collectionView。我对 collectionView 有这样的限制:

调整我的细胞大小:

代码:

func numberOfSections(in collectionView: UICollectionView) -> Int {
        return 4
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {

        return 3
    }

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let itemsPerRow: CGFloat = 3
    let itemWidth = (collectionView.bounds.width / itemsPerRow)
    let itemHeight = itemWidth * 1.5
    return CGSize(width: itemWidth, height: itemHeight)
}

您需要自适应地更改单元格大小,否则该大小将不适用于所有屏幕尺寸。

你有你的功能,你 return 单元格大小:

return CGSize(width: 182, height: 275)

相反,让它像这样自适应:

return CGSize(width: self.view.frame.width / 3, height: self.view.frame.height)

或者,要在中间留出间隙,请创建一个偏移量:

let offset = 10

let width = self.view.frame.width - offset * 4 // 4 gaps
let height = self.view.frame.height - offset * 2 // 2 gaps

return CGSize(width: width / 3, height: height) // Divide into equally-sized cells

当然,self.view 可以替换为您希望细胞适合的任何容器。