ios UICollectionViewCell 中的 UICollectionView

UICollectionView in a UICollectionViewCell

提问by Patrick Wilson

I am interested in having a collectionview as a part of a collection view cell but for some reason cannot figure out how this would be done. Where would I implement the necessary methods for the cells collectionview?

我有兴趣将集合视图作为集合视图单元格的一部分，但由于某种原因无法弄清楚如何做到这一点。我将在哪里实现单元格集合视图的必要方法？

采纳答案by Marcelo Fabri

There's an article that Ash Furrow wrotethat explains how to put an UICollectionViewinside an UITableViewCell. It's basically the same idea when using it inside an UICollectionViewCell.

有一篇文章，灰沟中写道，解释如何把一个UICollectionView内部的UITableViewCell。在UICollectionViewCell.

回答by Fernando Cardenas

Everything is done programatically. No storyboards.

一切都是以编程方式完成的。没有故事板。

I added a UICollectionView inside my UICollectionViewCell. I also show how to add again a UICollectionViewCell inside the created UICollectionView to have this result

我在 UICollectionViewCell 中添加了一个 UICollectionView。我还展示了如何在创建的 UICollectionView 中再次添加 UICollectionViewCell 以获得此结果

import UIKit

class CategoryCell: UICollectionViewCell, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout {

    private let cellId = "cell"

    override init(frame: CGRect) {
        super.init(frame: frame)
        setupViews()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    let appsCollectionView: UICollectionView = {
        let layout = UICollectionViewFlowLayout()
        let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)
        return collectionView
    }()

    func setupViews() {
        backgroundColor = .blue

        addSubview(appsCollectionView)

        appsCollectionView.delegate = self
        appsCollectionView.dataSource = self
        appsCollectionView.register(AppCell.self, forCellWithReuseIdentifier: cellId)

        addConstrainstWithFormat("H:|-8-[v0]-8-|", views: appsCollectionView)
        addConstrainstWithFormat("V:|[v0]|", views: appsCollectionView)

    }

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

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath)
        return cell
    }
}

class AppCell: UICollectionViewCell {
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupViews()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func setupViews(){
        backgroundColor = .red
    }
}

My UICollectionViewController

我的 UICollectionViewController

import UIKit

class FeaturedAppsController: UICollectionViewController, UICollectionViewDelegateFlowLayout {

    let cellId = "cell"

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        collectionView?.backgroundColor = .white
        collectionView?.register(CategoryCell.self, forCellWithReuseIdentifier: cellId)
    }

    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 3
    }

    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath)
        return cell
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(view.frame.width, 150)
    }

}

The whole explanation can be found and was developed by "Let′s build that app": https://www.youtube.com/watch?v=Ko9oNhlTwH0&list=PL0dzCUj1L5JEXct3-OV6itP7Kz3tRDmma

整个解释可以找到并由“让我们构建那个应用程序”开发：https: //www.youtube.com/watch?v=Ko9oNhlTwH0&list=PL0dzCUj1L5JEXct3-OV6itP7Kz3tRDmma

回答by Irfanlone

This is too late for this answer but it might help others. This is an example of UICollectionViewinside a UICollectionViewCell.

这个答案为时已晚，但它可能会帮助其他人。这是UICollectionView在UICollectionViewCell.

Lets start by having a mainCollectionView. Then on each cell of this collection create and initialize a new UICollectionViewand right place to do that is in this following delegate of UICollectionView

让我们从拥有一个mainCollectionView. 然后在这个集合的每个单元格上创建并初始化一个新的UICollectionView和正确的地方，在 UICollectionView 的下面这个委托中

func collectionView(collectionView: UICollectionView, willDisplayCell cell: UICollectionViewCell, forItemAtIndexPath indexPath: NSIndexPath)

func collectionView(collectionView: UICollectionView, willDisplayCell cell: UICollectionViewCell, forItemAtIndexPath indexPath: NSIndexPath)

e.g I initialize the MainCollectionViewCellhere and then MainCollectionViewCellhandles the logic to create a new UICollectionView

例如我在MainCollectionViewCell这里初始化然后MainCollectionViewCell处理逻辑来创建一个新的UICollectionView

guard let collectionViewCell = cell as? MainCollectionViewCell else { return }

    collectionViewCell.delegate = self

    let dataProvider = ChildCollectionViewDataSource()
    dataProvider.data = data[indexPath.row] as NSArray

    let delegate = ChildCollectionViewDelegate()

    collectionViewCell.initializeCollectionViewWithDataSource(dataProvider, delegate: delegate, forRow: indexPath.row)

    collectionViewCell.collectionViewOffset = storedOffsets[indexPath.row] ?? 0

Here is the initializer on MainCollectionViewCellthat creates a new UICollectionView

这是MainCollectionViewCell创建一个新的初始化程序UICollectionView

func initializeCollectionViewWithDataSource<D: protocol<UICollectionViewDataSource>,E: protocol<UICollectionViewDelegate>>(dataSource: D, delegate :E, forRow row: Int) {

    self.collectionViewDataSource = dataSource

    self.collectionViewDelegate = delegate

    let flowLayout = UICollectionViewFlowLayout()
    flowLayout.scrollDirection = .Horizontal

    let collectionView = UICollectionView(frame: self.bounds, collectionViewLayout: flowLayout)
    collectionView.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: reuseChildCollectionViewCellIdentifier)
    collectionView.backgroundColor = UIColor.whiteColor()
    collectionView.dataSource = self.collectionViewDataSource
    collectionView.delegate = self.collectionViewDelegate
    collectionView.tag = row

    self.addSubview(collectionView)

    self.collectionView = collectionView

    collectionView.reloadData()
}

Hope that helps !!

希望有帮助！！

I did an example for this and put in on github. It demonstrates the use UICollectionViewinside a UICollectionViewCell.

我为此做了一个例子并放在github上。它演示了UICollectionView在UICollectionViewCell.

https://github.com/irfanlone/Collection-View-in-a-collection-view-cell

https://github.com/irfanlone/Collection-View-in-a-collection-view-cell