使用 equalToSystemSpacingAfter 前后边距的布局

Question

我正在尝试将一些布局更改为无数字布局。这就是我所拥有的分段条形图，它应该位于容器视图内，类似 | - margin - segmented - margin -|

segmentedControl.leadingAnchor.constraint(equalToSystemSpacingAfter: margins.leadingAnchor, multiplier: 1),
segmentedControl.trailingAnchor.constraint(equalToSystemSpacingAfter: margins.trailingAnchor, multiplier: 1),

我知道第二行没有任何意义，但紧接着我没有看到任何 equalToSystemSpacingBEFORE，而且我不确定如何在不必仅依赖布局传播的情况下做到这一点。

基本上，leadingAchor 可以很好地处理这段代码，但是 trailingAnchor（正如方法名称所暗示的那样）在尾随锚点之后添加边距，这不是我想要的。

有什么想法吗？

Answer 1

我想你可以用这个：

segmentedControl.leadingAnchor.constraint(equalTo: containerView.leadingAnchor, constant: 8).isActive = true
segmentedControl.trailingAnchor.constraint(equalTo: containerView.trailingAnchor, constant: -8).isActive = true

请相应地更改 containerView 和 constants 的名称。

Answer 2

您可以相对于分段控件的 trailingAnchor 限制 "container" 视图的 trailingAnchor。

这是一个简单的示例，我相信可以为您提供所需的布局：

class SysSpacingViewController: UIViewController {

    let seg: UISegmentedControl = {
        let v = UISegmentedControl(items: ["A", "B", "C"])
        v.translatesAutoresizingMaskIntoConstraints = false
        return v
    }()

    let cView: UIView = {
        let v = UIView()
        v.translatesAutoresizingMaskIntoConstraints = false
        v.backgroundColor = .white
        return v
    }()

    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = .systemYellow

        cView.addSubview(seg)
        view.addSubview(cView)

        let g = view.safeAreaLayoutGuide
        let m = cView.layoutMarginsGuide

        NSLayoutConstraint.activate([

            cView.topAnchor.constraint(equalTo: g.topAnchor, constant: 40.0),
            cView.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 40.0),
            cView.trailingAnchor.constraint(equalTo: g.trailingAnchor, constant: -40.0),
            cView.heightAnchor.constraint(equalToConstant: 70.0),

            seg.leadingAnchor.constraint(equalToSystemSpacingAfter: m.leadingAnchor, multiplier: 1.0),
            m.trailingAnchor.constraint(equalToSystemSpacingAfter: seg.trailingAnchor, multiplier: 1.0),

            seg.centerYAnchor.constraint(equalTo: cView.centerYAnchor),

        ])

    }

}

结果：

使用 equalToSystemSpacingAfter 前后边距的布局

layout with before and after margins with equalToSystemSpacingAfter

ios

autolayout

swift

ios-autolayout