[英]UIStoryboard constraint issue with safe area in iPhoneX (How can I create View with equal height of safe area?)
[英]How can I find the height and width of the safe area?
我正在尝试以编程方式为某些标签、按钮和文本字段设置相对于安全区域的高度和宽度的约束。 例如,我希望将标签与安全区域顶部的距离设置为安全区域高度的 10%。
如何检索安全区域的高度和宽度?
这是一种合理的方法吗? 我的想法是,无论 iOS 设备如何,我的屏幕都会自动调整。
谢谢您的帮助!
您可以通过存储安全区域的框架来获取高度。 safeAreaLayoutGuide
有一个名为layoutFrame
的属性。
let frame = self.view.safeAreaLayoutGuide.layoutFrame
print(frame.height)
print(frame.width)
我制作了一个UIView
扩展,它创建了一个名为safeAreaFrame
的只读属性。
如果 iOS 版本为 11 或更高版本, safeAreaFrame
将是安全区域的框架。
否则,它将是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)
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
}
}
override func viewDidLayoutSubviews()
super.viewDidLayoutSubviews()
let safeAreaHeight = view.safeAreaLayoutGuide.layoutFrame.height
let safeAraeWidth = view.safeAreaLayoutGuide.layoutFrame.width
}
请记住在viewDidLayoutSubviews
函数中执行此操作或在任何函数中设置约束,然后在viewDidLayoutSubviews
中调用该函数。
viewDidLoad
不会为您提供安全区域框架,因为它在加载视图之前运行。
假设您有一个标签,该标签的高度是根据它的超级视图高度尺寸计算的。
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() 方法,您将获得预期的输出。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.