如何找到安全区域的高度和宽度?

时间:2018-02-25 08:15:15

标签: ios swift

我正在尝试以编程方式为某些标签,按钮和文本字段设置相对于安全区域的高度和宽度的约束。例如,我希望将标签从安全区域顶部的距离设置为安全区域高度的10%。

如何检索安全区域的高度和宽度?

这是一种合理的方法吗?我的思维过程是,无论iOS设备如何,我的屏幕都会自动调整。

感谢您的帮助!

4 个答案:

答案 0 :(得分:3)

if #available(iOS 11.0, *) {
        if let window = UIApplication.shared.keyWindow {
            let safeAreaBottom = window.safeAreaInsets.bottom
            let safeAreaLeft = window.safeAreaInsets.left
            let safeAreaRight = window.safeAreaInsets.right
            let safeAreaTop = window.safeAreaInsets.top
        }
}

答案 1 :(得分:3)

override func viewDidLayoutSubviews() 
    super.viewDidLayoutSubviews()
    let safeAreaHeight = view.safeAreaLayoutGuide.layoutFrame.height
    let safeAraeWidth = view.safeAreaLayoutGuide.layoutFrame.width
}

记住要在viewDidLayoutSubviews函数中执行此操作,或者在任何函数中设置约束,然后在viewDidLayoutSubviews内部调用该函数。

viewDidLoad不会为您提供安全区域框架,因为它会在加载视图之前运行。

答案 2 :(得分:2)

您可以通过存储安全区域的框来获取高度。 safeAreaLayoutGuide有一个名为layoutFrame的属性。

let frame = self.view.safeAreaLayoutGuide.layoutFrame
print(frame.height)
print(frame.width)

我做了一个UIView扩展名,创建了一个名为safeAreaFrame的{​​{3}}。

safeAreaFrame将是安全区域的边框,如果iOS版本为11或更高

否则,它将是bounds(只是视图的框架)。

extension UIView {
    public var safeAreaFrame: CGRect {
        if #available(iOS 11, *) {
            return safeAreaLayoutGuide.layoutFrame
        }
        return bounds
    }
}

示例:

let frame = self.view.safeAreaFrame 
print(frame.height)
print(frame.width)

答案 3 :(得分:0)

让我们说,你有一个标签,根据它的超视图高度尺寸来计算高度。

var label: UILabel!

您可以锚定标签的高度,如

  // enable auto-layout
  label.translatesAutoresizingMaskIntoConstraints = false 
  // add label into super view
  view.addSubview(label) 
  // calculate height and activate constraint
  label.heightAnchor.constraint(equalTo: view.safeAreaLayoutGuide.heightAnchor, constant: 0.1).isActive = true // calculate height based on super view safe area layout guide

您也可以使用以下方法激活约束(而不是.isActive = true):

  let superHeight = view.frame.height
  NSLayoutConstraint.activate([
        label.heightAnchor.constraint(equalTo: view.safeAreaLayoutGuide.heightAnchor, constant: 0.1), // 10% of super view height
        label.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: superHeight * 0.1) 
  ])

根据您的要求设置其他约束。

让我们举个例子:

private let testLabel: UILabel = {
    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false
    label.text = "Test"
    label.numberOfLines = 0 // can be multiple line based on content
    label.textAlignment = .center
    label.textColor = .gray
    return label
}()

private func labelSetup() {
    view.addSubview(testLabel)
    let heightSuperView = view.frame.height
    NSLayoutConstraint.activate([
        testLabel.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 8),
        testLabel.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: heightSuperView*0.1),
        testLabel.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -8)
    ])
}

在viewDidLoad()中调用labelSetup()方法,您将获得预期的输出。