コレクションビューのセルを1行に3つずつ正確に合わせるように調整する

Question

イメージのコレクションビューを作成しようとしています。

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

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

、これは、それが（ImageViewの幅は125、375スクリーン幅の第三である）私のストーリーボードにセットアップされた方法である：

マイコレクションビューのデータソースがある

しかし、私はアプリを実行し、いくつかの写真を追加すると、このようになります：

これを修正して、1行に3枚の画像が表示されるようにするにはどうすればよいですか？助けてくれてありがとう！

Answer 1

あなたは間隔のもののため

UICollectionViewDelegateFlowLayout

を実装する必要があります。あなたはまた、collectionViewCellsのあなたの間隔が正しい取得するには、これらの機能を追加することができ

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
    let yourWidth = collectionView.bounds.width/3.0 
    let yourHeight = yourWidth 

    return CGSize(width: yourWidth, height: yourHeight) 
} 

：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { 
    return UIEdgeInsets.zero 
} 

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

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

Answer 2

の1-あなたが準拠する必要があり、このようなcollectionViewCellsのサイズを設定し

〜UICollectionViewDelegateFlowLayout

次のように、collectionView(_:layout:sizeForItemAt:)方法をメンター：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
    let screenWidth = UIScreen.main.bounds.width 
    let scaleFactor = (screenWidth/3) - 6 

    return CGSize(width: scaleFactor, height: scaleFactor) 
} 

を最小スペースは8 -for例 - であると仮定すると、

出力は正方形サイズ各行のための3つの項目であるべきです。

備考：あなたがゼロになるようにセル間のスペースを設定したい場合は、scaleFactorは次のようになります。これは助け

let scaleFactor = (screenWidth/3) 

希望。