即使滚动方向设置为水平，UICollectionView 也会垂直显示？

Question

我正在尝试使用此代码水平绘制 UIScrollView 列表，但无法正常工作？

    let nib = UINib(nibName: cellIdentifier, bundle: nil)
    collectionView.register(nib, forCellWithReuseIdentifier: cellIdentifier)
    collectionView.collectionViewLayout = layout(withParentView: view)

    self.collectionView.delegate = self
    self.collectionView.dataSource = self

流式布局方法

// #PRAGMA mark - UICollectionViewFlowLayout()

func layout(withParentView parentView: UIView) -> UICollectionViewFlowLayout {
    let layout = UICollectionViewFlowLayout()
    layout.itemSize = CGSize(width: 160, height: 65)
    layout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
    layout.minimumLineSpacing = 0
    layout.minimumInteritemSpacing = 0
    layout.scrollDirection = .horizontal
    return layout
}

这是委托和数据源方法

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

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

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellIdentifier, for: indexPath) as! RowCollectionViewCell

    if indexPath.row % 2 == 0 {
        cell.backgroundColor = UIColor(red: 248/255, green: 248/255, blue: 248/255, alpha: 1)
    }else {
        cell.backgroundColor = UIColor(red: 1, green: 1, blue: 1, alpha: 1)
    }

    cell.label.text = "Field\(indexPath.row)"

    return cell
}

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
{
    return CGSize(width: 160, height: 65)
}

当我运行它显示这个（项目的垂直列表）。有什么我错过的吗？任何帮助将不胜感激。

Answer 1

我认为您不了解 UICollectionViewFlowLayout 的工作原理。

流式布局使用基于行的 布局。这对您来说意味着，如果您将 滚动方向 设置为水平，则单元格将以直线形式排列 从上到下直到没有更多space可用，然后转到下一行。

您可以通过将单元格数更改为更高的值来轻松验证这一点。（比如 10 个？）

我建议您观看此 video 以更好地了解 UICollectionView 的工作原理。

即使滚动方向设置为水平，UICollectionView 也会垂直显示？

UICollectionView showing vertically even when scroll direction is set to horizontal?

uicollectionview

swift

uicollectionviewflowlayout