ios - 如何以编程方式为 iPhone SE 和 iPhone 5S 编写自动布局？

Question

我正在以编程方式使用自动布局来布局我的 View ，问题是它在 iPhone 6s plus 上运行良好，但在其他屏幕(例如 iPhone SE、iPhone 5s 甚至 X)上渲染效果不佳。下面是我的代码:

//OK button
view.addSubview(btnOk)
    btnOk.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 40).isActive = true
    btnOk.topAnchor.constraint(equalTo: lblRateUsDesc.bottomAnchor, constant: 40).isActive = true
    btnOk.widthAnchor.constraint(equalToConstant: 150).isActive = true
    btnOk.heightAnchor.constraint(equalToConstant: 55).isActive = true

//Later


view.addSubview(btnLater)
    btnLater.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -40).isActive = true
    btnLater.topAnchor.constraint(equalTo: lblRateUsDesc.bottomAnchor, constant: 40).isActive = true
    btnLater.widthAnchor.constraint(equalToConstant: 150).isActive = true
    btnLater.heightAnchor.constraint(equalToConstant: 55).isActive = true

这就是 iPhone SE 呈现它的方式

iPhone X 是这样呈现的 iPhone 6s plus 渲染它，这是我的首选布局

Answer 1

问题在这里:

btnOk.widthAnchor.constraint(equalToConstant: 150).isActive = true

iPhone X 和 iPhone SE，5s 屏幕窄。您不应向 width 属性添加约束。我建议您将这些按钮嵌入 Stack View。

iPhone 5s 的屏幕宽度为 320 pt。两个宽度为 150 pt 的按钮总宽度为 300 pt。留出 20 pt 用于间隙和边距。那还不够。这就是重叠的原因。