如何在选择 tableView 的行单元格（作为集合视图单元格）时显示视图控制器？

Posted 2023-02-24

【中文标题】如何在选择 tableView 的行单元格（作为集合视图单元格）时显示视图控制器？

【英文标题】：How to show view controller on selecting row cell of tableView(as a collection view cell)?

【发布时间】：2018-09-11 11:24:27

【问题描述】：

我有一个主视图控制器，它有一个集合视图，它的集合视图单元格每个都初始化为一个 tableView，以服务于该集合视图单元格内的多行。 如果您感到困惑，下面是当前状态的快照。

问题是当我尝试点击 tableView 行单元格以打开另一个视图控制器时，它失败并显示了 table view 单元格的选定状态。

这是快照。

//HomeCollectionViewCell.swift
class HomeCollectionViewCell: UICollectionViewCell 
override func layoutSubviews() 
    super.layoutSubviews()
    setUpCellView()

func setUpCellView() 
    let frame = CGRect(x:20, y:20, width: bounds.width - 40, height: 600)
    let cell = CellView(frame: frame)
    contentView.addSubview(cell)
  


//CellView.swift
class CellView: UITableView 
    let quoteCell = "QuoteCell"
    let newsCell = "NewsCell"
    let articleCell = "ArticleCell"
    override init(frame: CGRect, style: UITableViewStyle) 
        super.init(frame: frame, style: .grouped)
        self.layer.cornerRadius = 15
        self.backgroundColor = .white
        self.dataSource = self
        self.delegate = self
        self.register(QuoteTableViewCell.self, forCellReuseIdentifier: quoteCell)
        self.register(NewsTableViewCell.self, forCellReuseIdentifier: newsCell)
        self.register(ArticleTableViewCell.self, forCellReuseIdentifier: articleCell)
    
    required init?(coder aDecoder: NSCoder) 
        fatalError("init(coder:) has not been implemented")
    

extension CellView: UITableViewDelegate 
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat 
    switch indexPath.section 
        case 0: return 35
        case 1: return 140
        case 2: return 100
        case 3: return 140
        default: return 0
    
  

extension CellView: UITableViewDataSource 
func numberOfSections(in tableView: UITableView) -> Int 
    return categories.count

func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? 
    return categories[section]

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


func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
    switch indexPath.section 
        case 0: let cell = tableView.dequeueReusableCell(withIdentifier: dateCell)
                cell?.textLabel?.text = "Today"
                cell?.textLabel?.font = UIFont.systemFont(ofSize: 30, weight: UIFont.Weight.heavy)

        return cell!
        case 1: let cell = tableView.dequeueReusableCell(withIdentifier: quoteCell) as! QuoteTableViewCell
        return cell
        case 2: let cell = tableView.dequeueReusableCell(withIdentifier: newsCell) as! NewsTableViewCell
        return cell
        case 3: let cell = tableView.dequeueReusableCell(withIdentifier: articleCell) as! ArticleTableViewCell
        return cell
        default: let cell = tableView.dequeueReusableCell(withIdentifier: commonCell)
        cell?.textLabel?.text = "LOL"
        return cell!
    

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) 
    switch indexPath.section 
    case 0: print("Date Selected")
    case 1: print("Quote Selected")
    case 2: print("News Selected")
    case 3: let homeViewController = HomeViewController()
            let articleDetailViewController = ArticleDetailViewController()
//homeViewController.show(articleDetailViewController, sender: homeViewController)//homeViewController.navigationController?.pushViewController(articleDetailViewController, animated: true)
    homeViewController.present(articleDetailViewController, animated: true, completion: nil)
            print("Article selected")
    default: print("LOL")
    
     

//HomeViewController.swift

class HomeViewController: UIViewController 

override func viewDidLoad() 
    super.viewDidLoad()
    setupNavBar()
    view.addSubview(collectionView)
    setUpConstraints()
    configure(collectionView: collectionView)

func setUpConstraints() 
    _ = collectionView.anchor(view.topAnchor, left: view.leftAnchor, bottom: view.bottomAnchor, right: view.rightAnchor, topConstant: 10, leftConstant: 10, bottomConstant: 10, rightConstant: 10, widthConstant: 0, heightConstant: 0)
    collectionView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true


lazy var collectionView : UICollectionView = 
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = .vertical
    let cv = UICollectionView(frame: CGRect.zero, collectionViewLayout: layout)
    cv.translatesAutoresizingMaskIntoConstraints = false
    cv.alwaysBounceVertical = true
    cv.clipsToBounds = true
    cv.showsHorizontalScrollIndicator = false
    cv.showsVerticalScrollIndicator = false
    cv.backgroundColor = .clear
    cv.isHidden = false
    return cv
()

private let reuseIdentifier = "Cell"
extension HomeViewController: UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout 
internal func configure(collectionView: UICollectionView) 
    collectionView.register(HomeCollectionViewCell.self, forCellWithReuseIdentifier: reuseIdentifier)
    collectionView.dataSource = self
    collectionView.delegate = self
    collectionView.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: 20, right: 0)

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


func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int 
    return 7


func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell 
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! HomeCollectionViewCell
    return cell


func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize 
    return CGSize(width: collectionView.bounds.width, height: 600)

请告诉我哪里做错了或者我应该使用什么方法？

注意 - 不使用情节提要/IB。仅以编程方式完成。

【问题讨论】：

使用委托模式并将点击从单元格转发到主视图控制器并从那里呈现您的详细视图控制器

@MichałKwiecień 你能详细说明一下，并为代表提供一点sn-p代码

【参考方案1】：

为查看控制器提供标识符（“HomeViewController”和“ArticleDetailViewController”）并尝试didSelectRow()中的以下代码。

case 3:
let storyboard = UIStoryboard(name: "Main", bundle: nil)
let sourceViewController = storyboard.instantiateViewController(withIdentifier: "HomeViewController") as? HomeViewController
let destinationViewController = storyboard.instantiateViewController(withIdentifier: "ArticleDetailViewController") as? ArticleDetailViewController
let navigator: UINavigationController = sourceViewController as! UINavigationController                                                                                                                                                       
navigator.pushViewController(destinationViewController!, animated: true)

【讨论】：

我忘了提一件事，我在整个项目中没有使用storyboards和IB，都是以编程方式完成的。如果可行的话，我不这么认为。

您的 sn-p 无法正常工作。我尝试了上面的代码它失败了，因为我不使用故事板。此外，在初始化导航器行时，我收到此警告-“从 'HomeViewController 投射？'到不相关的类型 'UINavigationController' 总是失败”

你试过 self.navigationController?.present(articleDetailViewController, animated: true, completion: nil) 吗？

self.navigationController - 不可能，因为导航和此类属性属于 ViewController 而不是 UIView 或 UITableViews。

【参考方案2】：

根据您所做的，我想指出，从UView 呈现UIViewController 不是一个好主意。您必须编写一些自定义委托，一旦有人在自定义 CellView 类中点击这些单元格，它们就会被触发。这些委托必须在包含 tableview 的视图控制器中实现。从UIViewController，您必须编写代码来呈现新的视图控制器。