在自定义 UITableViewCell 中设置 UILabel 文本时出错

Question

我对 Swift 编程很陌生，但是在我的 UITableView 类中为单个 UITableViewCell 实例设置 UILabel 文本时遇到了麻烦。

我创建了一个名为PizzaTableViewCell 的自定义UITableViewCell 子类和一个名为PizzaListTableViewController 的自定义UITableView 类。我正在尝试使用数组中的数据填充 UITableView 实例，该数组是从对我的 node.js 服务器的 API 调用填充的。

我已经包含了我的 UITableView 子类、自定义 UITablveViewCell 类、数据结构，以及一个指向加载我所做的模拟器的屏幕截图的链接。非常感谢任何帮助！

我已经验证数据被放入数组中没有问题，因为我可以在调用fetchInventory 方法后打印内容。我已经能够使用

设置单个 textLabel

cell.textLabel?.text = pizzas[indexPath.row].name

连同数组中的图像：

cell.imageView?.image = pizzas[indexPath.row].image

但我在每个单元格中还需要 2 个无法设置的标签。我检查了我的 IBOutlets 和 Storyboard 标识符，它们与代码匹配。

class PizzaListTableViewController: UITableViewController {

    var pizzas: [Pizza] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        //title you will see on the app screen at the top of the table view
        navigationItem.title = "Drink Selection"

        tableView.register(PizzaTableViewCell.self, forCellReuseIdentifier: "Pizza")
        //tableView.estimatedRowHeight = 134
        //tableView.rowHeight = UITableViewAutomaticDimension

        fetchInventory { pizzas in
            guard pizzas != nil else { return }
            self.pizzas = pizzas!
            print(self.pizzas)
            //self.tableView.reloadData()
            //print(self.pizzas)
            DispatchQueue.main.async { [weak self] in
                self?.tableView.reloadData()
            }
        }

    }   //end of viewDidLoad

    private func fetchInventory(completion: @escaping ([Pizza]?) -> Void) {
        Alamofire.request("http://127.0.0.1:4000/inventory", method: .get)
            .validate()
            .responseJSON { response in
                guard response.result.isSuccess else { return completion(nil) }
                guard let rawInventory = response.result.value as? [[String: Any]?] else { return completion(nil) }
                let inventory = rawInventory.compactMap { pizzaDict -> Pizza? in
                    var data = pizzaDict!
                    data["image"] = UIImage(named: pizzaDict!["image"] as! String)

                    //print(data)
                    //print("CHECK")
                    print("Printing each item: ", Pizza(data: data))
                    //printing all inventory successful

                    return Pizza(data: data)
                }
                completion(inventory)
        }

    }

    @IBAction func ordersButtonPressed(_ sender: Any) {
        performSegue(withIdentifier: "orders", sender: nil)
    }

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

    //PRINTING ROWS 0 TWICE in console
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        print("ROWS", pizzas.count)
        return self.pizzas.count
    }


    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let cell: PizzaTableViewCell = tableView.dequeueReusableCell(withIdentifier: "Pizza", for: indexPath) as! PizzaTableViewCell

        //cell.backgroundColor = Services.baseColor
        //cell.pizzaImageView?.image = pizzas[indexPath.row].image

        //THESE WORK BUT ARE A STATIC WAY OF SETTING THE CELLS
        //CAN ONLY SET THE SELL WITH A SINGLE TEXT LABEL FROM THE DATA ARRAY
        cell.imageView?.image = pizzas[indexPath.row].image
        cell.textLabel?.text = pizzas[indexPath.row].name
        //cell.textLabel?.text = pizzas[indexPath.row].description
        //cell.textLabel?.text = "$\(pizzas[indexPath.row].amount)"


//        cell.name?.text = pizzas[indexPath.row].name
//        cell.imageView?.image = pizzas[indexPath.row].image
//        cell.amount?.text = "$\(pizzas[indexPath.row].amount)"
//        cell.miscellaneousText?.text = pizzas[indexPath.row].description

        //print(cell.name?.text! as Any)
        print(cell.imageView as Any)

        return cell
    }


    override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 100.0
    }  //END OF

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        performSegue(withIdentifier: "pizzaSegue", sender: self.pizzas[indexPath.row] as Pizza)
    }  //END OF override func tableView

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "pizzaSegue" {
            guard let vc = segue.destination as? PizzaViewController else { return }
            vc.pizza = sender as? Pizza
        }
    }  //END OF override preppare func

}

class PizzaListTableViewController: UITableViewController {

    var pizzas: [Pizza] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        //title you will see on the app screen at the top of the table view
        navigationItem.title = "Drink Selection"

        tableView.register(PizzaTableViewCell.self, forCellReuseIdentifier: "Pizza")
        //tableView.estimatedRowHeight = 134
        //tableView.rowHeight = UITableViewAutomaticDimension

        fetchInventory { pizzas in
            guard pizzas != nil else { return }
            self.pizzas = pizzas!
            print(self.pizzas)
            //self.tableView.reloadData()
            //print(self.pizzas)
            DispatchQueue.main.async { [weak self] in
                self?.tableView.reloadData()
            }
        }

    }   //end of viewDidLoad

    private func fetchInventory(completion: @escaping ([Pizza]?) -> Void) {
        Alamofire.request("http://127.0.0.1:4000/inventory", method: .get)
            .validate()
            .responseJSON { response in
                guard response.result.isSuccess else { return completion(nil) }
                guard let rawInventory = response.result.value as? [[String: Any]?] else { return completion(nil) }
                let inventory = rawInventory.compactMap { pizzaDict -> Pizza? in
                    var data = pizzaDict!
                    data["image"] = UIImage(named: pizzaDict!["image"] as! String)

                    //print(data)
                    //print("CHECK")
                    print("Printing each item: ", Pizza(data: data))
                    //printing all inventory successful

                    return Pizza(data: data)
                }
                completion(inventory)
        }

    }

    @IBAction func ordersButtonPressed(_ sender: Any) {
        performSegue(withIdentifier: "orders", sender: nil)
    }

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

    //PRINTING ROWS 0 TWICE in console
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        print("ROWS", pizzas.count)
        return self.pizzas.count
    }


    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let cell: PizzaTableViewCell = tableView.dequeueReusableCell(withIdentifier: "Pizza", for: indexPath) as! PizzaTableViewCell

        //cell.backgroundColor = Services.baseColor
        //cell.pizzaImageView?.image = pizzas[indexPath.row].image

        //THESE WORK BUT ARE A STATIC WAY OF SETTING THE CELLS
        //CAN ONLY SET THE SELL WITH A SINGLE TEXT LABEL FROM THE DATA ARRAY
        cell.imageView?.image = pizzas[indexPath.row].image
        cell.textLabel?.text = pizzas[indexPath.row].name
        //cell.textLabel?.text = pizzas[indexPath.row].description
        //cell.textLabel?.text = "$\(pizzas[indexPath.row].amount)"


//        cell.name?.text = pizzas[indexPath.row].name
//        cell.imageView?.image = pizzas[indexPath.row].image
//        cell.amount?.text = "$\(pizzas[indexPath.row].amount)"
//        cell.miscellaneousText?.text = pizzas[indexPath.row].description

        //print(cell.name?.text! as Any)
        print(cell.imageView as Any)

        return cell
    }


    override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 100.0
    }  //END OF

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        performSegue(withIdentifier: "pizzaSegue", sender: self.pizzas[indexPath.row] as Pizza)
    }  //END OF override func tableView

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "pizzaSegue" {
            guard let vc = segue.destination as? PizzaViewController else { return }
            vc.pizza = sender as? Pizza
        }
    }  //END OF override preppare func

}

struct Pizza {
    let id: String
    let name: String
    let description: String
    let amount: Float
    //let amount: String
    let image: UIImage

    init(data: [String: Any]) {

        //print("CHECK:: pizza.swift")

        self.id = data["id"] as! String
        self.name = data["name"] as! String

//        self.amount = data["amount"] as! Float
        self.amount = ((data["amount"] as? NSNumber)?.floatValue)!


        self.description = data["description"] as! String
        self.image = data["image"] as! UIImage
    }

}

如上所述，我已经能够打印包含啤酒名称、图片、描述等的数据数组的内容。我尝试打印到控制台

print(cell.name?.text)

设置后

cell.name?.text = pizzas[indexPath.row].name

但它会打印nil，这是一个问题。我已经坚持了大约 2 周！

IBOutlets 截图：

Answer 1

我想我找到了你的问题，让我解释一下

您在这里所做的是您在名为“根视图控制器”的控制器中的 Storyboard 中定义了一个自定义 UITableViewCell，简而言之，这不是您的 PizzaListTableViewController

正如你所说，IBOutlets 绝对没有问题

现在当你说

tableView.register(PizzaTableViewCell.self, forCellReuseIdentifier: "Pizza")

在您的PizzaListTableViewController 中，您没有将其与单元格的 UI 链接，而只是将代码链接到代码（仅在单元格没有 xib 时使用）

现在你可以做些什么来解决这个问题

解决方案 #1

• 从“根视图控制器”在情节提要中将 PizzaTableViewCell 的 UI 移动/复制到 PizzaListTableViewController
• 确保在情节提要中单元格的属性检查器中添加Reuse Identifier
• 删除tableView.register(PizzaTableViewCell.self, forCellReuseIdentifier: "Pizza")这一次不会给你一个错误，因为它会自动注册
• 确保所有IBOutlets 都已连接

解决方案 #2

创建一个单独的Nib (xib) 的单元格 现在你必须在这里注册单元格

tableView.register(UINib(nibName: "PizzaTableViewCell", bundle: Bundle.main), forCellReuseIdentifier: "PizzaCell")

希望这会有所帮助。

Answer 2

试试这个

cell.name?.text = ...
cell.amount?.text = ...
cell.miscellaneousText?.text = ...
cell.pizzaImageView?.image = ...

如果仍然无法正常工作，请确保您的单元格和插座在设置其值时不为空。希望对您有所帮助！

Answer 3

您的设置确实有些奇怪。 如果您尝试将 IBOutlets 命名为与 UITableViewCell 默认属性相同的名称，则会引发错误。您能够设置这些名称并成功构建的事实很奇怪。

从上面的屏幕截图中，您可以看到当我尝试这样做时会发生什么。

Answer 4

确保您的 Table View Controller 类已在情节提要中设置。

确保您的 Table View Cell 类已在情节提要中设置。

确保所有插座均已正确连接。

确保情节提要中提供了您的表格视图单元格标识符。

我的表视图控制器子类

我的表格视图单元格子类

cell.imageView?.image 和 cell.textLabel?.text 是表格视图本身的可选属性。它们不是您设计的自定义单元格的属性。

当您在 XIB 中设计了表格视图单元格时，您使用 tableView.register(PizzaTableViewCell.self, forCellReuseIdentifier: "Pizza")。但是，由于您已经在情节提要本身中设计了单元，您应该在情节提要中设置单元重用标识符和单元类。

我希望这会对你有所帮助。