如何以编程方式在 TableView 单元中添加多个 UIImageView

Question

我正在尝试在单个 Tableview 单元格中添加 3 个标签和 3 个图像。 这是我的标签和图像视图

let Namelbl:UILabel={
        let label=UILabel()
        label.text="item"
        label.translatesAutoresizingMaskIntoConstraints = false
        return label

    }()
    let Namelbl2:UILabel={
        let label2=UILabel()
        label2.text="item"
        label2.translatesAutoresizingMaskIntoConstraints = false
        return label2

    }()
    let Namelbl3:UILabel={
        let label3=UILabel()
        label3.text="item"
        label3.translatesAutoresizingMaskIntoConstraints = false
        return label3

    }()
    let image1: UIImageView = {
        let theImageView1 = UIImageView()
        theImageView1.image = UIImage(named: "Masjid")
        theImageView1.translatesAutoresizingMaskIntoConstraints = false
        return theImageView1
    }()
    let image2: UIImageView = {
        let theImageView2 = UIImageView()
        theImageView2.image = UIImage(named: "Masjid2")
        theImageView2.translatesAutoresizingMaskIntoConstraints = false
        return theImageView2
    }()
    let image3: UIImageView = {
        let theImageView3 = UIImageView()
        theImageView3.image = UIImage(named: "Masjid3")
        theImageView3.translatesAutoresizingMaskIntoConstraints = false
        return theImageView3
    }()

这是我用约束设置视图的函数

func setupViews(){
    addSubview(Namelbl)
    addSubview(Namelbl2)
    addSubview(Namelbl3)
    addSubview(image1)
    addSubview(image2)
    addSubview(image3)
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-16-[v0]-16-[v1]-16-[v2]-16-[v3]-16-[v4]-16-[v5]-50-|",options: NSLayoutFormatOptions(), metrics: nil, views: ["v0": Namelbl,"v1":Namelbl2,"v2":Namelbl3,"v3":image1,"v4":image2,"v5":image3]))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0": Namelbl]))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0": Namelbl2]))
         addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0": Namelbl3]))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0": image1]))

        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0": image2]))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0": image3]))


    }

问题是这适用于 3 个标签和一张图片，它不显示其他两张图片

Answer 1

我建议不要在代码 (*) 中向您的单元格添加视图。我建议设置您的表格视图以使用自定义单元格模板。然后，您可以自定义 UITableViewCell 的一个或多个子类，并使用链接到您的图像视图的插座，当您使用特定标识符将单元格出列时，您将获得一个正确类的单元格，其中插座链接并准备好设置。您所要做的就是将其转换为正确的类型，然后配置它的视图。

(*) 在代码中向单元格添加视图需要更多的工作，而且还需要特殊处理。如果您不小心，那么每次将单元格出列时，您都会添加另一组视图。当您修复该问题时，您需要一些机制来访问您在最初创建单元格时添加的视图，而使用 viewWithTag(_:) 等典型方法很脆弱。