一个视图控制器上的3个集合视图

Question

I have 3 collection views on 1 view controller. I've tried a few of the other suggestions I've found on Stack but nothing seems to work.

All 3 Collection Views are in a separate cell of a HomeTableViewController. I tried to create the outlet connection to the HomeTableViewController but I get the error Outlets cannot be connected to repeating content .

I've read many people being able to hook up their multiple collectionViews so I am a bit confused as to where I'm going wrong...

Answer 1

The UICollectionView instances cannot be hooked up to IBOutlet properties in a separate UITableViewController .

As you describe, the UICollectionView s are actually each children of their own parent UITableViewCell , and as such are not direct descendants of the UITableViewController . This is because the cells will be added to the UITableView at run time.

If you are set on creating the outlets within the HomeTableViewController I would suggest creating them like so:

private weak var collectionViewA: UICollectionView?

and overriding cellForRow like so:

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = super.tableView(tableView, cellForRowAt: indexPath)
    // cast cell as collection view parent
    collectionViewA = cell.collectionView
    return cell
}

As has been mentioned, the better solution would be to manage the UICollectionView instances from within their own UITableViewCell parents. Example:

final class CollectionViewAParentTableViewCell: UITableViewCell {
    @IBOutlet private weak var collectionView: UICollectionView!
}
extension CollectionViewAParentTableViewCell: UICollectionViewDataSource {
    func numberOfSections(in collectionView: UICollectionView) -> Int {
        …
    }
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        …
    }
}

Answer 2

You should create outlet in the UITableViewCell. Then you can provide tags to collectionViews in each cell in tableView:cellForRowAtIndexPath Method:

yourCell.collectionViewOutlet.tag = indexPath.row + 1000

you should replace 1000 with Any Constant Integer if the tags conflict with tags of other views.

Then use these tags to differentiate all collectionviews in collectionview:cellForItemForIndexpath method:

if(collectionView.tag == 1000){
//Code for collection view in first row of the table
}
else if(collectionView.tag == 1001){
//Code for collection view in second row of the table
}
else if(collectionView.tag == 1002){
//Code for collection view in third row of the table
}

You should also keep in mind to return number of items for each collection view just like above.

Tags make the life whole lot easier , don't they? Happy Coding (Y)

Answer 3

You should create outlet in the UITableViewCell. Then you can provide tags to collectionViews in each cell in tableView:cellForRowAtIndexPath Method:

yourCell.collectionViewOutlet.tag = indexPath.row + 1000

you should replace 1000 with Any Constant Integer if the tags conflict with tags of other views.

Then use these tags to differentiate all collectionviews in collectionview:cellForItemForIndexpath method:

if(collectionView.tag == 1000){
//Code for collection view in first row of the table
}
else if(collectionView.tag == 1001){
//Code for collection view in second row of the table
}
else if(collectionView.tag == 1002){
//Code for collection view in third row of the table
}

You should also keep in mind to return number of items in collectionView:numberOfItemsInSection for each collection view just like above.

Tags make the life whole lot easier , don't they? Happy Coding (Y)

Answer 4

Create three different collection view with different collection view cell, then after you just need to add in dataSource method like below:-

if collectionView == collectionViewA{

        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cellA", for: indexPath) as! collectionCell

        return cell
    }else if collectionView == collectionViewB{

        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cellB", for: indexPath) as! collectionCell

        return cell
    }else if collectionView == collectionViewC{

        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cellC", for: indexPath) as! collectionCell

        return cell
    }else{
        return UICOllectionViewCell()
}

also perform same for other dataSource method.