如何正确格式化单元格？

Question

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

在此处 输入图像描述在 此处 输入图像描述

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

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