如何在 UICollectionViewCell 中显示 UITableView
Posted
技术标签:
【中文标题】如何在 UICollectionViewCell 中显示 UITableView【英文标题】:How do I show a UITableView within a UICollectionViewCell 【发布时间】:2017-08-19 03:59:22 【问题描述】:我是一名新的 Swift 程序员,我目前正在开发一个非常简单的待办事项列表应用程序。问题是我也想显示一个不要做的列表。此外,我试图通过代码来完成这一切。
我希望用户能够在 2 个 CollectionViewCells 之间水平滚动,每个 CollectionViewCells 中都有一个 TableView 显示一个“待办事项列表”和一个“不做事项列表”。
到目前为止,我有一个 ViewController,它创建了一个 UICollectionView,它有 2 个自定义单元格,每个单元格都填满了窗口,因此用户可以在它们之间滚动。
我正在处理“Not To Do List”单元格,我试图在其中显示一个 TableView,但我无法显示它。
这是我的代码:
class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate,UICollectionViewDelegateFlowLayout
...
collectionView.register(ToDoListCell.self, forCellWithReuseIdentifier: toDoListCellid)
collectionView.register(NotToDoListCell.self, forCellWithReuseIdentifier: notToDoListCellid)
...
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell
if (indexPath.item == 0)
let toDoCell = collectionView.dequeueReusableCell(withReuseIdentifier: toDoListCellid, for: indexPath)
return toDoCell
else
let notToDoCell = collectionView.dequeueReusableCell(withReuseIdentifier: notToDoListCellid, for: indexPath)
return notToDoCell
class NotToDoListCell: UICollectionViewCell
var ntdlArray = ["Play Video Games", "Eat out", "Watch Netflix"]
let ntdlCell = "ntdlCell"
override init(frame: CGRect)
super.init(frame: frame)
backgroundColor = UIColor.orange
required init?(coder aDecoder: NSCoder)
fatalError("init(coder:) has not been implemented")
extension NotToDoListCell: UITableViewDelegate, UITableViewDataSource
func numberOfSections(in tableView: UITableView) -> Int
return ntdlArray.count
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
return 1
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
let cell = tableView.dequeueReusableCell(withIdentifier: ntdlCell, for: indexPath)
cell.textLabel?.text = ntdlArray[indexPath.item]
return cell
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat
return 50
我希望表格视图会显示 3 行文本,其中包含:“Play Video Games”、“Eat Out”和“Watch Netflix”,但我看到的只是一个橙色屏幕(从我设置NotToDoListCell 的背景颜色为橙色)。任何帮助将不胜感激。
提前谢谢你。
【问题讨论】:
您需要在单元格中添加一个表格视图。您是在故事板或 NIB 文件中定义单元格吗?还是您想以编程方式完成所有操作? 【参考方案1】:您需要在 NotToDoListCell
中添加 tableView
作为 xib 文件的出口,并添加 awakeFromNib
方法 self.tableView.dataSource = self
class NotToDoListCell: UICollectionViewCell
var ntdlArray = ["Play Video Games", "Eat out", "Watch Netflix"]
let ntdlCell = "ntdlCell"
override init(frame: CGRect)
super.init(frame: frame)
backgroundColor = UIColor.orange
required init?(coder aDecoder: NSCoder)
fatalError("init(coder:) has not been implemented")
override func awakeFromNib()
super.awakeFromNib()
self.tableView.dataSource = self
extension NotToDoListCell: UITableViewDelegate, UITableViewDataSource
func numberOfSections(in tableView: UITableView) -> Int
return ntdlArray.count
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
return 1
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
let cell = tableView.dequeueReusableCell(withIdentifier: ntdlCell, for: indexPath)
cell.textLabel?.text = ntdlArray[indexPath.item]
return cell
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat
return 50
【讨论】:
【参考方案2】:要在不使用 nib/xib 文件的情况下完全以编程方式完成此操作,您需要在 collectionview 单元格中创建一个表格视图,您可以执行以下操作:
class NotToDoListCell: UICollectionViewCell
lazy var tableView: UITableView =
let tblView = UITableView()
tblView.delegate = self
tblView.dataSource = self
tblView.translatesAutoresizingMaskIntoConstraints = false
return tblView
()
var ntdlArray = ["Play Video Games", "Eat out", "Watch Netflix"]
let ntdlCell = "ntdlCell"
override init(frame: CGRect)
super.init(frame: frame)
backgroundColor = UIColor.orange
tableView.register(UITableViewCell.self, forCellReuseIdentifier: ntdlCell)
setupTableView()
func setupTableView()
addSubview(tableView)
tableView.topAnchor.constraint(equalTo: topAnchor).isActive = true
tableView.bottom.constraint(equalTo: bottomAnchor).isActive = true
tableView.leftAnchor.constraint(equalTo: leftAnchor).isActive = true
tableView.rightAnchor.constraint(equalTo: rightAnchor).isActive = true
required init?(coder aDecoder: NSCoder)
fatalError("init(coder:) has not been implemented")
extension NotToDoListCell: UITableViewDelegate, UITableViewDataSource
func numberOfSections(in tableView: UITableView) -> Int
return ntdlArray.count
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
return 1
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
let cell = tableView.dequeueReusableCell(withIdentifier: ntdlCell, for: indexPath)
cell.textLabel?.text = ntdlArray[indexPath.item]
return cell
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat
return 50
【讨论】:
谢谢你,我昨晚在想这个,你已经确认了我的回答!非常感谢! @MikeH 如果这是正确答案,请采纳,谢谢以上是关于如何在 UICollectionViewCell 中显示 UITableView的主要内容,如果未能解决你的问题,请参考以下文章
如何在 iOS 7 中刷新 UICollectionViewCell?
如何在 UICollectionViewCell 内缩放 UIScrollView?
如何在重新加载时清除 UICollectionViewCell?
Swift:如何在 UICollectionViewCell 中使用“prepareForSegue”?