管理iphone8 & iphone12中的底部按钮

Question

在iPhone8类似矩形边缘设备，我需要一个底部按钮卡在底部边缘与尖锐的角落。在像iPhone12一样的曲线边缘设备中，我需要一个底部按钮，在右下角有一定的距离，并有一个角半径。

我怎样才能在故事板上管理它呢？请检查下面的图片，以更好地理解。

​

​

​

​

Answer 1

据我所知，故事板没有直接的方法来实现这一点。如果我是你，我会

1. 检查设备是否有弯曲的边缘(即设备是否为iPhone X或更高型号)，然后
2. 根据上面的检查以编程方式设置按钮约束。

。

没有官方的API来检查设备是否有弯曲的边缘，但这是我的解决方案，所以如果有人知道更好的攻击，请告诉我。

extension UIDevice {
    var iPhoneXOrAboveModel: Bool {
        return UIScreen.main.nativeBounds.height >= 2436
    }
}

现在，您可以在视图控制器中使用这个扩展并限制按钮。

if UIDevice.current.iPhoneXOrAboveModel {
            // Has curved edges
            NSLayoutConstraint.activate([
                button.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
                button.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant:  -20)
            ])
            button.layer.cornerRadius = 12
        } else {
            // Has square edges
            NSLayoutConstraint.activate([
                button.leadingAnchor.constraint(equalTo: view.leadingAnchor),
                button.trailingAnchor.constraint(equalTo: view.trailingAnchor)
            ])
        }

Answer 2

1. Remove宽度约束，等于to Superview约束，您有given.
2. Provide引导和尾随约束到Button。
3. 检查下面的图像。

​

​