Wie mit RxSwift

Question

Hier Sammlung Ansicht 3 Spalten in 1 Reihe zeigen, ist mein Code:

import UIKit 
import RxSwift 
import RxCocoa 
import RxOptional 

class ViewController: UIViewController { 

    @IBOutlet weak var collectionView: UICollectionView! 

    let disposeBag = DisposeBag() 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     // Do any additional setup after loading the view. 

     let items = Observable.just(
      (0..<20).map{ "Test \($0)" } 
     ) 

     items.asObservable().bindTo(self.collectionView.rx.items(cellIdentifier: CustomCollectionViewCell.reuseIdentifier, cellType: CustomCollectionViewCell.self)) { row, data, cell in 
      cell.data = data 
      }.addDisposableTo(disposeBag) 
    } 
} 

So wie 3 Spalten in 1 Zeile zu zeigen.

Ich kann kein Tutorial über Sammelansicht mit RxSwift finden.

Answer 1

Etwas wie folgt aus:

class ViewController: UIViewController, UICollectionViewDelegateFlowLayout { 

    .... 

    override func viewDidLoad() { 
     super.viewDidLoad() 

      ... 

     items.asObservable().bindTo(self.collectionView.rx.items(cellIdentifier: CustomCollectionViewCell.reuseIdentifier, cellType: CustomCollectionViewCell.self)) { row, data, cell in 
      cell.data = data 
     }.addDisposableTo(disposeBag) 

     // add this line you can provide the cell size from delegate method 
     collectionView.rx.setDelegate(self).addDisposableTo(disposeBag) 
    } 

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
     let width = collectionView.bounds.width 
     let cellWidth = (width - 30)/3 // compute your cell width 
     return CGSize(width: cellWidth, height: cellWidth/0.6) 
    } 
} 

Answer 2

Eine weitere Alternative:

let flowLayout = UICollectionViewFlowLayout() 
let size = (collectionView.frame.size.width - CGFloat(30))/CGFloat(3) 
flowLayout.itemSize = CGSize(width: size, height: size) 
collectionView.setCollectionViewLayout(flowLayout, animated: true)