如何在UICollectionView中每行显示3个单元格？

Question

我根据这篇文章使用了自定义流程布局.这是我的实现:

@implementation CustomLayout
-(void)prepareLayout{
[super prepareLayout];
//    [self invalidateLayout];
if(self.collectionView){
    CGSize newItemSize=self.itemSize;

// Number of items per row
    int itemsPerRow=3;

    float totalSpacing=self.minimumLineSpacing*(itemsPerRow-1);

    newItemSize.width=(self.collectionView.bounds.size.width -totalSpacing)/itemsPerRow;

    if(self.itemSize.height>0){
        float itemAspectRatio=self.itemSize.width/self.itemSize.height;
        newItemSize.height=newItemSize.width/itemAspectRatio;
    }

    [self setItemSize:newItemSize];

}


}
@end

这就是我所拥有的: 我错过了什么？我遇到过其他一些SO帖子但到目前为止没有运气.

Answer 1

Swift 3.0.适用于水平和垂直滚动方向以及可变间距

声明每行所需的单元格数

let numberOfCellsPerRow: CGFloat = 3

配置flowLayout为指定呈现numberOfCellsPerRow

if let flowLayout = collectionView?.collectionViewLayout as? UICollectionViewFlowLayout {
    let horizontalSpacing = flowLayout.scrollDirection == .vertical ? flowLayout.minimumInteritemSpacing : flowLayout.minimumLineSpacing
    let cellWidth = (view.frame.width - max(0, numberOfCellsPerRow - 1)*horizontalSpacing)/numberOfCellsPerRow
    flowLayout.itemSize = CGSize(width: cellWidth, height: cellWidth)
}

Answer 2

//Make use of UICollectionViewDelegateFlowLayout Protocol

class RVC: UICollectionViewController {
//some code
}

extension RVC: UICollectionViewDelegateFlowLayout{

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
    {
          var collectionViewSize = collectionView.frame.size
          collectionViewSize.width = collectionViewSize.width/3.0 //Display Three elements in a row.
          collectionViewSize.height = collectionViewSize.height/4.0
          return collectionViewSize
    }

有关更多信息,请访问以下链接.

UICollectionView设置列数

Answer 3

您不必通过编码来完成此操作。你只需要在xib中做。按照iPhone 5或5s宽度变成320。并且你想每行显示3个单元格，所以你必须做320/3，根据你得到的任何答案，你的单元格大小是根据结果。如果对我的回答有任何疑问，请询问我。