如何以编程方式将UICollectionView添加到容器中？

Question

我是IOS开发的新手。

以下是我想要实施的内容 - 主视图中有两个容器 - 在第一个容器中，添加一个UICollectionView - 在第二个容器中，添加UITableView

这是我到目前为止所做的代码。

主要观点：

class MainViewController:UIViewController {

let itemView:UIView = {
    let itemContainerView = UIView()
    itemContainerView.backgroundColor = UIColor.lightGray
    let collectionView = CollectionViewController()
    itemContainerView.addSubview(collectionView.view)
    itemContainerView.translatesAutoresizingMaskIntoConstraints = false
    return itemContainerView
}()

let tableView:UIView = {
    let tableContainerView = UIView()
    tableContainerView.backgroundColor = UIColor.gray
    tableContainerView.translatesAutoresizingMaskIntoConstraints = false
    return tableContainerView
}()

override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = UIColor.white
    view.addSubview(itemView)
    view.addSubview(tableView)
    setupItemView()
    setupTableView()
}

func setupItemView(){
    itemView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
    itemView.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
    itemView.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 2/3).isActive = true
    itemView.heightAnchor.constraint(equalTo: view.heightAnchor).isActive = true
}

func setupTableView() {
    tableView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
    tableView.leftAnchor.constraint(equalTo: itemView.rightAnchor).isActive = true
    tableView.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 1/3).isActive = true
    tableView.heightAnchor.constraint(equalTo: view.heightAnchor).isActive = true
}
}

CollectionViewController：

class CollectionViewController:UIViewController, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {

let cellId = "CellId"
var colView: UICollectionView!

override func viewDidLoad() {
    super.viewDidLoad()
    let layout = UICollectionViewFlowLayout()
    layout.sectionInset = UIEdgeInsets(top: 20, left: 10, bottom: 10, right: 10)
    layout.itemSize = CGSize(width: 111, height: 111)

    colView = UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
    colView.delegate   = self
    colView.dataSource = self
    colView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: cellId)
    colView.backgroundColor = UIColor.white
    colView.translatesAutoresizingMaskIntoConstraints = false
    self.view.addSubview(colView)

}

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

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

}

我可以看到我的主屏幕有两个容器，但看不到10个收集单元格。

有人能告诉我正确的方向吗？提前谢谢。

已更新

当我将MainViewController设置为初始视图时，它正常工作。 但是，在我的项目中，MainViewController不是初始视图。 流程是; 1.用户登录 2.将出现带按钮的仪表板 3.单击按钮将用户导航到MainViewController。

这是我的Dashboard类

class DashboardController: UIViewController{

let orderBtn:UIButton = {
    let button = UIButton(type: .system)
    button.backgroundColor = UIColor.init(red: 173/255, green: 184/255, blue: 255/255, alpha: 1)
    button.layer.cornerRadius = 5
    button.setTitle("Select Item" , for: .normal)
    button.setTitleColor(UIColor.white, for: .normal)
    button.titleLabel?.font = UIFont.boldSystemFont(ofSize: 16)
    button.translatesAutoresizingMaskIntoConstraints = false

    button.addTarget(self, action: #selector(handleOrderNavigation), for: .touchUpInside)
    return button
}()


override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = UIColor.white
    view.addSubview(orderBtn)
    setupOrderBtn()

}

func handleOrderNavigation() {
    let mainViewController= MainViewController()
    let mainViewNavController= UINavigationController(rootViewController: mainViewController)
    self.present(mainViewNavController, animated: false, completion: nil)
}
}

Answer 1

尝试在加载视图后的某个时刻调用reloadData。

Answer 2

您的代码正常运行。这是我从collectionView代码工作中获得的输出。

  

建议

1. 检查用户界面的视图层次结构，看看您的用户界面中是否存在任何collectionView。

2. 确保您的方法正确调用。通过添加断点来检查它。

  

修改

1. 您在按钮操作中声明MainViewController错误。
2. 而不是现在MainViewController使用推送到MainViewController
3. 确保您的按钮操作方法正确调用按钮单击。