集合视图网格 iOS Swift 2

Question

所以我有一个工作集合视图，其中有 2 列，每列有 3 个项目。在我使用 iPhone 5s 模拟器之前，网格视图一直很好用，然后我的网格视图变成了单列而不是 2 列。我读过很多关于自定义布局的帖子，但是 none他们似乎工作。任何帮助表示赞赏。这是我的代码：

 override func viewDidLoad() {
    super.viewDidLoad()
    let screenWidth = UIScreen.mainScreen().bounds.size.width
    let screenHeight = UIScreen.mainScreen().bounds.size.height


    let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
    layout.sectionInset = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
    layout.itemSize = CGSize(width: (screenWidth - 32)/2, height: 175)

    var collview = UICollectionView(frame: CGRectMake(0, 0, screenWidth, screenHeight), collectionViewLayout: layout)


    [collview.reloadData];


}  
override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

   let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as! MyCollectionViewCell

    let myImage = UIImage(named: pictureArray[indexPath.row])

    cell.textView.text = textArray[indexPath.row]

    cell.imageView.image = myImage


    return cell
}

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

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
{
    return CGSize(width: 175, height: 175)
}

Answer 1

因为你设置的每个item的size都是CGSize(width: 175, height: 175)，所以当你改成其他的phone时，效果会不好。

就这样改:(把UICollectionViewDelegate改成UICollectionViewDelegateFlowLayout)

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
{
    return CGSize(width: screenWidth / 3, height: screenWidth / 3)
}

集合视图网格 iOS Swift 2

Collection View Grid iOS Swift 2

grid

ios

uicollectionview

uicollectionviewlayout

swift