collectionView中的約束

Question

我希望在collectionView單元格中具有動態的寬度和高度，因此每個屏幕上只有2個單元格。 距頂部，左側，右側及其之間的距離為10px。

例：

如果我有320像素的寬度（屏幕），我希望每個單元格為145像素，那么它應該是左側的10像素+145（單元格）+ 10像素之間的寬度+ 145（第二個單元格）+右側的10像素。

Answer 1

使您的控制器符合UICollectionViewDelegateFlowLayout協議並實現以下方法：

import UIKit

class ViewController: UIViewController
{
    let numberOfCells = 9
    let kCellHeight : CGFloat = 100
    let kLineSpacing : CGFloat = 10
    let kInset : CGFloat = 10

    @IBOutlet weak var collectionView: UICollectionView!

    override func viewDidLoad()
    {
        super.viewDidLoad()
    }
}

extension ViewController : UICollectionViewDataSource
{
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
    {
        return numberOfCells
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell
    {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "sampleCell", for: indexPath)
        return cell
    }
}

extension ViewController : UICollectionViewDelegateFlowLayout
{
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
    {
        return CGSize(width: (UIScreen.main.bounds.width - 2*kInset - kLineSpacing)/2, height: kCellHeight)
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat
    {
        return kLineSpacing
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets
    {
        return UIEdgeInsets(top: kInset, left: kInset, bottom: kInset, right: kInset)
    }
}

這是所附的屏幕截圖：

Answer 2

您可以使用堆棧視圖，也可以設置單元格的寬度約束並將其拖動到代碼中以將常量設置為屏幕大小的一半。

另外，為什么在以下情況下直接在單元格上使用約束：

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

Answer 3

使用以下代碼：

func collectionView（collectionView：UICollectionView，布局collectionViewLayout：UICollectionViewLayout，sizeForItemAtIndexPath indexPath：NSIndexPath）-> CGSize {let width =（screenSize.width-30）/ 2 let height = width * AspectRatio // AspectRatio-someValue或將height作為常量返回CGSizeMake（width，height）}

這對我來說很好。