Swift:collectionView单元格

时间:2018-07-01 09:19:03

标签: ios swift uicollectionview nscollectionviewflowlayout

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

enter image description here

但是我在iPad上有这个结果。

enter image description here

如何解决?

更新

我在collectionView中添加了UIViewController。我对collectionView有以下限制:

enter image description here

确定我的单元格大小

enter image description here

代码:

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)
}

1 个答案:

答案 0 :(得分:0)

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

您有函数,可以在其中返回单元格大小:

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可以替换为您希望单元格适合的任何容器。