TableView 被分配给导航控制器而不是视图控制器

Question

我有一个正在播放的应用程序。 我所有的数据都显示在黑色圆圈中。 我需要它显示在红色圆圈中。 这是我的控制器类中的问题还是我需要以某种方式将 tableview 分配给这个控制器？ 我在网上找不到这样的解决方案

图1

这是我的 ViewController 类的代码：

import UIKit
import SafariServices

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    private
    let tableView: UITableView = {
        let table = UITableView()
        table.register(NewsTableViewCell.self,
            forCellReuseIdentifier: NewsTableViewCell.identifier)
        return table
    }()

    private
    var viewModels = [NewsTableViewCellViewModel]()
    private
    var articles = [Article]()

    override func viewDidLoad() {
        super.viewDidLoad()
        navigationItem.hidesBackButton = true

        title = "News"
        view.addSubview(tableView)
        tableView.delegate = self
        tableView.dataSource = self
        // Do any additional setup after loading the view
        getTopArticles()
        searchArticles()
    }
    func getTopArticles() {
        ArticlesAPI.shared.getTopArticles {
            [weak self] result in //looking at API
                switch result {
                    case.success(let articles): // if there are results
                        self?.articles = articles
                    self?.viewModels = articles.compactMap({
                        NewsTableViewCellViewModel(title: $0.title, //tableview needs to be added
                            subtitle: $0.description ?? "No Description",
                            imageURL: URL(string: $0.urlToImage ?? ""))
                    })
                    // break
                    DispatchQueue.main.async {
                        self?.tableView.reloadData()
                    }
                    case.failure(let error): //prints error if there is one
                        print(error)
                }
        }

    }

    func searchArticles() {
        ArticlesAPI.shared.searchArticles(with: "apple") {
            [weak self] result in //looking at API
                switch result {
                    case.success(let articles): // if there are results
                        self?.viewModels = articles.compactMap({
                            NewsTableViewCellViewModel(title: $0.title, //tableview needs to be added
                                subtitle: $0.description ?? "No Description",
                                imageURL: URL(string: $0.urlToImage ?? ""))
                        })
                    //break
                    DispatchQueue.main.async {
                        self?.tableView.reloadData()
                    }
                    case.failure(let error): //prints error if there is one
                        print(error)
                }
        }

    }

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        tableView.frame = view.bounds
    }

    // table

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return viewModels.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        guard
        let cell = tableView.dequeueReusableCell(withIdentifier: NewsTableViewCell.identifier,
            for: indexPath)
        as ? NewsTableViewCell
        else {
            fatalError()
        }
        cell.configure(with: viewModels[indexPath.row])
        return cell
    }

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.deselectRow(at: indexPath, animated: true)
        let viewModel = viewModels[indexPath.row]

        let article = articles[indexPath.row]
        guard
        let url = URL(string: article.url ?? "")
        else {
            return
        }
        let vc = SFSafariViewController(url: url)
        present(vc, animated: true)
    }

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 150
    }

}

Answer 1

红色控制器嵌入黑色控制器内。 黑色控制器是一个导航控制器，它为红色控制器提供导航栏。 您可以在视图控制器中键入navigationController ，您会看到它是UINavigationController? , 和Optional (?) 因为它可能存在也可能不存在（在您的情况下它确实存在，因为您将控制器嵌入到情节提要中）。 所以不用担心，您的内容已经在红色视图控制器中。

您认为不是的原因是因为您已经以编程方式创建了tableView并且给了它整个屏幕的大小，所以它覆盖了所有其他内容：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    tableView.frame = view.bounds
}

您可以使用布局检查器验证这一点。

这不是必需的，因为您的故事板中已经有一个UITableView ，您只需要在视图控制器中创建对它的引用。 所以而不是：

private
let tableView: UITableView = {
    let table = UITableView()
    table.register(NewsTableViewCell.self, forCellReuseIdentifier: NewsTableViewCell.identifier)
    return table
}()

你需要：

@IBOutlet private var tableView: UITableView!

您可以在viewDidLoad方法中将您的单元格与其他tableView设置代码一起注册：

 // view.addSubview(tableView) -> autoLayout does this automatically, hence the name autoLayout
 tableView.register(NewsTableViewCell.self, forCellReuseIdentifier: NewsTableViewCell.identifier)
 tableView.delegate = self
 tableView.dataSource = self

并删除viewDidLayoutSubviews方法中的代码，以便tableView不会占用所有空间。