Hinzufügen von UICollectionViews zu einer benutzerdefinierten UITableViewCell, die über Xib erfolgt

Ich war überrascht herauszufinden, wie viele Hindernisse es gab, die UICollectionView in der UITableViewCell zu implementieren. Daher ist dieses Tutorial hier, ich hoffe, es spart Ihnen viel Zeit.

Hinweis: Dieses Tutorial ist nicht für Anfänger gedacht. Es wird davon ausgegangen, dass Sie mit tableViews vertraut sind und benutzerdefinierte Zellen mit xib-Dateien erstellen.

Außerdem beschreibe ich nichts über die visuelle Komponente.

1) Fügen Sie Ihrer Xib TableViewCell eine UICollectionView hinzu

1. Ziehen Sie eine UICollectionView in Ihre TableViewCell Xib
2. Einschränkungen hinzufügen
3. Und stellen Sie fest, dass Sie Ihrer neu hinzugefügten UICollectionView keine CollectionViewCells hinzufügen können :)

Es stellt sich heraus, dass Sie eine separate Datei benötigen, um alle Zellen der Sammlungsansicht zu platzieren, die Sie anzeigen möchten. (Wenn sich Ihre UICollectionView in der Xib-Datei befindet)

2) Fügen Sie Ihrem Projekt die Dateien UICollectionViewCell und Xib hinzu



Sie können in Ihrer Xib-Zelle "Sammlungsansicht" alles tun, was Sie möchten (Beschriftung, Bild usw. hinzufügen). Für die Zwecke dieses Tutorials wird es hier nicht berührt.

Stellen Sie sicher, dass Sie Ihrer Zelle einen resuableIdentifier geben.



3) Stellen Sie sicher, dass Ihre TableViewCell-Klasse über die Protokolle UICollectionView Data Source und Delegate verfügt.

Schritt 1: Kehren Sie zu Ihrer tableViewCells Xib-Datei zurück.



Schritt 2: Ziehen Sie aus Ihrer Sammlungsansicht auf "Dateibesitzer", wählen Sie "dataSource" aus und delegieren Sie sie.



Schritt 3: Ziehen Sie aus Ihrer collectionView in Ihre TableViewCell-Klasse und erstellen Sie ein IBOutlet



Schritt 4: Stellen Sie sicher, dass die Protokolle UICollectionView Data Source und Delegate Ihrer TableViewCell-Klasse übereinstimmen.

class TableViewCell: UITableViewCell, UICollectionViewDelegate, UICollectionViewDataSource { @IBOutlet weak var collectionView: UICollectionView! override func awakeFromNib() { super.awakeFromNib() // Initialization code self.collectionView.dataSource = self self.collectionView.delegate = self self.collectionView.register(UINib.init(nibName: "CollectionViewCell", bundle: nil), forCellWithReuseIdentifier: "collectionViewID") } override func setSelected(_ selected: Bool, animated: Bool) { super.setSelected(selected, animated: animated) // Configure the view for the selected state } func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return 15 } func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "collectionViewID", for: indexPath as IndexPath) as! CollectionViewCell return cell } } 

Code Erläuterung:

1. Fügen Sie der Klassenbeschreibung UICollectionViewDelegate und UICollectionViewDataSource hinzu
2. Machen Sie die Datenquelle collectionView und delegieren Sie = self in awakeFromXib
3. Fügen Sie die Funktion numberOfItemsInSection hinzu
4. Fügen Sie die Funktion cellForItemAt hinzu
5. Erstellen Sie eine Zelle mit Ihrem reuseIdentifier als benutzerdefinierter Zelle.

Schritte zur Fehlerbehebung:

1. Sind meine Kennungen zugewiesen und korrekt?
2. Habe ich in meiner Xib-Datei von meiner collectionView zu Files Owner gezogen?

Wenn Sie Fragen haben, schreiben Sie in die Kommentare.

Wenn dies Ihnen geholfen hat oder in Zukunft helfen wird, wie.

Ich hoffe, jemand spart viel Zeit.