两个表视图到一个视图控制器中？

Question

我想创建一个新部分但没有 imageView，我需要做什么？因为如果我让字符串为空（不接受 nil），titleLabel 将与第一部分中的 titleLabel 对齐。我想让第二部分的标题从左对齐 20（没有图像） 我是否必须为我想要的没有图像的部分创建另一个模型？ 我可以在 cellForRowAt 中添加一个没有图像的新部分吗？？

fileprivate var CELL_ID = "CELL_ID"


fileprivate var aerealCell: [[AerealCellModel]] = [
    [
        AerealCellModel(image: "aereal_icon", title: "Aereal", arrow: "chevron.right")
    ],
    [
        AerealCellModel(image: " ", title: "Indice de Masa Corporal", arrow: "chevron.right"),
        AerealCellModel(image: " ", title: "Clasificación ASA", arrow: "chevron.right"),
        AerealCellModel(image: " ", title: "Riesgo Cardiaco de Gupta", arrow: "chevron.right"),
        AerealCellModel(image: " ", title: "Escala de Riesgo de Lee", arrow: "chevron.right"),
        AerealCellModel(image: " ", title: "Peso Ideal", arrow: "chevron.right"),
        AerealCellModel(image: " ", title: "Tamaño de Tubo Pediátrico", arrow: "chevron.right"),
        AerealCellModel(image: " ", title: "Clasificacion de Mallampati", arrow: "chevron.right")
    ]

]

override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor  = .systemBackground

    navigationController?.navigationBar.prefersLargeTitles  = true
    setupTableView()

}

fileprivate func setupTableView() {
    tableView.register(AerealCell.self, forCellReuseIdentifier: CELL_ID)
}



override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    tableView.deselectRow(at: indexPath, animated: true)
}


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


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


override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: CELL_ID, for: indexPath) as! AerealCell
    let aerealMainCell = aerealCell[indexPath.section][indexPath.row]


    cell.aerealCalcCell = aerealMainCell
    return cell
}


override func numberOfSections(in tableView: UITableView) -> Int {
    return aerealCell.count
}


override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let view = UIView()
    let label = UILabel()
    label.text = section == 0 ? "CALCULADORA PRINCIPAL" : "OTRAS CALCULADORAS  ????  (Premium Members)"
    label.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(label)
    label.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20).isActive = true
    label.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20).isActive = true
    label.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -5).isActive = true
    label.heightAnchor.constraint(equalToConstant: 30).isActive = true
    label.numberOfLines = 1
    label.adjustsFontSizeToFitWidth = true
    view.backgroundColor = .systemGray6
    label.font = UIFont.systemFont(ofSize: 14, weight: .light)

    return view
}

override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 54
}}

Answer 1

方法 1：将您的 UI 元素放置在水平 stackView 中

您可以在水平 stackView 中添加 imageView 和 titleLabel 并对其应用约束。当没有 imageContent 时，标签会自行调整到起始位置，因为imageView 没有 widthAnchor。这是一个更简单的方法

方法 2：如果您不想在 StackView 中放置元素

删除与titleLabel 关联的任何尾随锚点/约束。只需添加相对于您的 imageView 的前导约束，并且不要向其添加任何 widthAnchor。

当没有 imageView 内容时，titleLabel 将自己对齐到 imageView 起始位置（imageView 宽度将为 0）

Answer 2

1. 为单元格中的图像视图设置宽度约束。
2. 当您不想显示图像时，将图像宽度限制设置为 0。