UITableviewCell中的Vertical UICollectionView的DataInput

时间:2018-02-27 15:40:19

标签: ios swift uitableview uicollectionview

我的问题如下,如何将UICollectionView实施到UITableViewCell(我的UITableViewController)中,并填充将加载到UICollectionView的数据来自我的UITableViewController

我知道如何设置不同的组件,但我不知道如何通过UICollectionView的{​​{1}}方法填充-cellForRow...中的数据。< / p>

2 个答案:

答案 0 :(得分:1)

如果我可以就如何解决这个问题提出建议,我会为我在表视图控制器上存储引用的单元格创建一个数据源对象。请考虑以下事项:

class TableCell: UITableViewCell {

    var collectionView: UICollectionView!
}

class TableCellDataSource: NSObject, UICollectionViewDataSource {

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        return UICollectionViewCell()
    }

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

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

class TableViewController: UITableViewController {

    var cellDataSources: [TableCellDataSource] = []


    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = TableCell()
        let dataSource = TableCellDataSource()
        cell.collectionView.dataSource = dataSource
        self.cellDataSources.append(dataSource)
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }
}

请注意我现在如何从主表视图控制每个单元格的集合视图显示的内容。

答案 1 :(得分:1)

请仔细阅读 -

创建一个通常的UITableView并在你的UITableViewCell中创建UICollectionView。您的collectionView委托和数据源应符合该UITableViewCell。

在ViewController中

// Global Variable
var tableView: UITableView!

override func viewDidLoad() {
    super.viewDidLoad()

tableView = UITableView(frame: self.view.bounds)
    tableView.delegate = self
    tableView.dataSource = self
    self.view.addSubview(tableView)

    tableView.registerClass(TableViewCell.self, forCellReuseIdentifier: "TableViewCell")
    tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "NormalCell")
}

func numberOfSectionsInTableView(tableView: UITableView) -> Int {
    return 1
}

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return 5
}

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    if indexPath.row == 3 {
        var cell: TableViewCell = tableView.dequeueReusableCellWithIdentifier("TableViewCell", forIndexPath: indexPath) as! TableViewCell
        cell.backgroundColor = UIColor.groupTableViewBackgroundColor()
        return cell

    } else {
        var cell: UITableViewCell = tableView.dequeueReusableCellWithIdentifier("NormalCell", forIndexPath: indexPath) as! UITableViewCell
        cell.textLabel?.text = "cell: \(indexPath.row)"

        return cell
    }
}

正如您所看到的,我创建了两个不同的单元格,一个自定义的TableViewCell,仅在行索引为3时返回,而在其他索引中返回基本的UITableViewCell。

自定义&#34; TableViewCell&#34;将有我们的UICollectionView。因此,创建一个UITableViewCell子类并记下下面的代码。

    import UIKit

    class TableViewCell: UITableViewCell, UICollectionViewDataSource, UICollectionViewDelegate {

    var collectionView: UICollectionView!

    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = UICollectionViewScrollDirection.Horizontal

        collectionView = UICollectionView(frame: self.bounds, collectionViewLayout: layout)
        collectionView.delegate = self
        collectionView.dataSource = self
        collectionView.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: "CollectionViewCell")
        collectionView.backgroundColor = UIColor.clearColor()

        self.addSubview(collectionView)
    }

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    // MARK: UICollectionViewDataSource
    func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }


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

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell: UICollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("CollectionViewCell", forIndexPath: indexPath) as! UICollectionViewCell
    if indexPath.row%2 == 0 {
        cell.backgroundColor = UIColor.redColor()
    } else {
        cell.backgroundColor = UIColor.yellowColor()
    }

    return cell
}
}

了解更多信息,您可以看到此存储库 - https://github.com/DahanHu/DHCollectionTableView

希望这将解决您的问题。感谢。