Question

我正在尝试将收集单元中信息的布局和呈现方式与我拥有的收集单元模型（带有红色标记的模型）相匹配。我已经附加了当前具有单元格标题和图像解析的单元格。标题和图像应在同一水平线上彼此相邻。相反，标题位于图像上方。我该如何修改标题和图像并排？

enter image description here enter image description here

//设置新闻单元。添加视图组件并创建 //他们的布局。

override func setupViews() {
    addSubview(background)
    addSubview(title)
    addSubview(image)
    addSubview(articleDescription)

    // Horizontal Auto layout for views
    constrain(visualFormat: "|[v0]|", view: ["v0": background])
    constrain(visualFormat: "V:|-1-[v0]-1-|", view: ["v0": background])
    constrain(visualFormat: "|-200-[v0]|", view: ["v0": title])
    constrain(visualFormat: "|-50-[v0]-200-|", view: ["v0": image])
    constrain(visualFormat: "|[v0]|", view: ["v0": articleDescription])
    constrain(visualFormat: "|[v0]|", view: ["v0": background])
    constrain(visualFormat: "|[v0]|", view: ["v0": background])

    // Vertical autolayout for views.
    addConstraints(NSLayoutConstraint.constraints(
        withVisualFormat: "V:|-50-[v0(20)][v1(144)][v2(42)]-8-|",
        options: NSLayoutConstraint.FormatOptions(),
        metrics: nil,
        views: ["v0": title, "v1": image,
                "v2": articleDescription]))
}

Answer 1

通过以编程方式使用自动版面配置，一切将变得更加容易。您应该观看此视频，以了解如何使用布局锚点控制子视图...就足够了。 https://youtu.be/9RydRg0ZKaI

如何正确格式化单元格？

1 个答案: