在 UITableViewCell 中重复一个标签

Question

请看下面的截图。

我也需要该解决方案才能在 iOS 8 中运行。堆栈视图在 iOS 8 中没有帮助

我被分配了这个模型...我不完全知道如何在 tableViewCell 中重复特定标签。如您所见，我需要根据 JSON 数据中的项目重复紫色标签和白色标签..

Answer 1

在storyboard 中，您必须有两个UILabel，每个用于白色和紫色。如果Json 有数据，则分配它，否则执行以下代码

cell.label1.frame.size.height = 0
cell.label2.frame.size.height = 0

注意：请注意您对UITableViewCell 中的组件的约束。

Answer 2

这是用户UIStackView的完美场景，在Stack View中添加5个标签并隐藏（.isHidden属性）你不想显示的标签，这会导致堆栈视图根据其中存在的标签数量收缩和扩展。

我希望您已经了解 Stack View，如果没有，那么您必须查找基本的在线教程。

Answer 3

根据@the_dahiya_boy 的回答：

1. 你得到带有特定字段的JSON字段（可以有一两个字段需要显示在紫色字段中）

2. 你检查有多少字段

3. 如果只有一个字段，那么您可以将第二个视图的框架（第二个字段为空）设置为 0

Answer 4

正如 Bista 先生所说，StackView 有一个选项。

1. 使用设计在 Storyboard 中创建自定义单元格。
2. 使用堆栈视图代替添加多个标签。
3. 在代码中使用自定尺寸单元格。你可以参考这个网站来指导你。 APPCode self sizing cells 或者只是在 stackoverflow 上寻找。

我现在没有自己测试它，但我认为使用 stackView 和自调整单元格可能会很棘手。由于每个单元格可以根据 StackView 的内容具有不同的高度。因此，百分百确定，您始终可以计算单元格的高度。

4. 根据json内容改变stack view的内容。 （紫色标签的记录数）

您还可以查看堆栈中的类似问题。 请参阅此链接，那里有可能为您提供答案。 Multiple UILabels inside a self sizing UITableViewCell

Answer 5

您可以结合使用水平和垂直堆栈视图来实现此目的：

此解决方案可让您避免使用上面建议的其他方法的两个陷阱：

• 您不必弄乱切换视图的隐藏属性
• 您不限于固定的最大项目数

代码如下：

import UIKit

class Order {
    var stations = [Station]()
    var companies = [String]()
}
class Station {
    let name: String
    let amount: Int
    init(name: String, amount: Int) {
        self.name = name
        self.amount = amount
    }
}

class TableViewController: UITableViewController {

    var orders = [Order]()

    override func viewDidLoad() {
    super.viewDidLoad()

    tableView!.rowHeight = UITableViewAutomaticDimension
    tableView!.estimatedRowHeight = 44.0

    //simulated data
    let order1 = Order()
    order1.companies.append("Global @ CITGO Braintree, Braintree")
    order1.companies.append("Exxon @ Global, Chelsea")
    order1.stations.append(Station(name: "Tyngsboro Mobil #2871", amount: 4000))
    order1.stations.append(Station(name: "Grafton St #10095", amount: 15000))
    orders.append(order1)

    let order2 = Order()
    order2.companies.append("Exxon @ Global, Chelsea")
    order2.stations.append(Station(name: "Winstead Citgo #2001", amount: 3000))
    orders.append(order2)

    let order3 = Order()
    order3.companies.append("MSCG @ Sunoco Partners")
    order3.stations.append(Station(name: "Citgo #123", amount: 7000))
    order3.stations.append(Station(name: "Mobil #345", amount: 12500))
    order3.stations.append(Station(name: "Exxon #567", amount: 300))
    order3.stations.append(Station(name: "Citgo #789", amount: 6100))
    order3.stations.append(Station(name: "Stoughton Mobil #2744", amount: 9098))
    order3.stations.append(Station(name: "Westborough Mobil #2720", amount: 120000))
    orders.append(order3)
}

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

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

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

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

    let order = orders[indexPath.row]

    cell.companyLabel.text = ""
    for (index, company) in order.companies.enumerated() {
        cell.companyLabel.text! += company
        if index < order.companies.count - 1 {
            cell.companyLabel.text! += "\n"
        }
    }

    for station in order.stations {

        // create horizontal stack view to arrange the station name and amount
        let horizontalStackView = UIStackView()
        horizontalStackView.axis = .horizontal

        let nameLabel = UILabel()
        nameLabel.translatesAutoresizingMaskIntoConstraints = false
        nameLabel.text = station.name
        horizontalStackView.addArrangedSubview(nameLabel)

        let amountLabel = UILabel()
        amountLabel.translatesAutoresizingMaskIntoConstraints = false
        amountLabel.addConstraint(NSLayoutConstraint(item: amountLabel, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .width, multiplier: 1.0, constant: 60))
        amountLabel.backgroundColor = UIColor.purple
        amountLabel.textAlignment = .right
        amountLabel.textColor = UIColor.white
        amountLabel.text = String(station.amount)
        horizontalStackView.addArrangedSubview(amountLabel)

        // add the horizontal stack view to the vertical stack view containing all stations
        cell.stackView.addArrangedSubview(horizontalStackView)
    }

    return cell
}

}

故事板如下所示：