blocks|key|1820909|text|比方说，你有一个标签，它的高度是根据它的superview高度维度计算的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1820910|var+label:+UILabel!|code-block|syntax|javascript|1820911|您可以像这样锚定标签的高度|1820912|++//+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|1820913|您还可以使用以下方法激活约束(而不是.isActive+=+true)：|1820914|++let+superHeight+=+view.frame.height
++NSLayoutConstraint.activate([
++++++++label.heightAnchor.constraint(equalTo:+view.safeAreaLayoutGuide.heightAnchor,+constant:+0.1),+//+10%25+of+super+view+height
++++++++label.topAnchor.constraint(equalTo:+view.safeAreaLayoutGuide.topAnchor,+constant:+superHeight+*+0.1)+
++])|1820915|根据您的要求设置其他约束。|1820916|让我们举个例子：|1820917|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)
++++])
}|1820918|在viewDidLoad()中调用labelSetup()方法，您将获得预期的输出。|1820919|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

Let's say, you have a label which height is calculated based on it's superview height dimension.

<pre><code>var label: UILabel!
</code></pre>

You can anchor the height of the label like

<pre><code> // 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
</code></pre>

You can active constraints using the following method also (instead of .isActive = true):

<pre><code> 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) 
 ])
</code></pre>

Set the other constraints as per your requirements.

Let's take an example:

<pre><code>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)
 ])
}
</code></pre>

call labelSetup() method inside viewDidLoad(), You will get the expected output.

blocks|key|5935655|text|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
++++++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|5935656|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>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
 }
}
</code></pre>

blocks|key|1824619|text|你可以通过存储安全区域的帧来获得高度。safeAreaLayoutGuide有一个名为layoutFrame的属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1824620|let+frame+=+self.view.safeAreaLayoutGuide.layoutFrame
print(frame.height)
print(frame.width)|code-block|syntax|javascript|1824621|我做了一个UIView扩展，它创建了一个名为safeAreaFrame的read-only+property。|1824622|如果iOS版本为11或更高版本的，则safeAreaFrame将是安全区的帧。|BOLD|1824623|否则，它将是bounds+(仅仅是视图的框架)。|1824624|extension+UIView+{
++++public+var+safeAreaFrame:+CGRect+{
++++++++if+#available(iOS+11,+*)+{
++++++++++++return+safeAreaLayoutGuide.layoutFrame
++++++++}
++++++++return+bounds
++++}
}|1824625|示例：|1824626|let+frame+=+self.view.safeAreaFrame+
print(frame.height)
print(frame.width)|1824627|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.swift.org/swift-book/LanguageGuide/Properties.html#ID261^0|J|J|17|B|0|0|5|6|M|D|10|I|0|0|I|D|10|3|0|0|O|6|6|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|M|3|N|5|6|7|1J|8|@$9|1K|A|1L|B|C]|$9|1M|A|1N|B|O]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|1O|8|@$9|1P|A|1Q|B|O]|$9|1R|A|1S|B|C]]|D|@]|E|$]]|$1|R|3|S|5|H|7|1T|8|@]|D|@]|E|$I|J]]|$1|T|3|U|5|6|7|1U|8|@$9|1V|A|1W|B|O]]|D|@]|E|$]]|$1|V|3|W|5|H|7|1X|8|@]|D|@]|E|$I|J]]|$1|X|3|-4|5|6|7|1Y|8|@]|D|@]|E|$]]]|Y|$Z|$5|10|11|12|E|$13|14]]]]

You can get the height by storing the frame of the safe area. <code>safeAreaLayoutGuide</code> has a property named <code>layoutFrame</code>.

<pre><code>let frame = self.view.safeAreaLayoutGuide.layoutFrame
print(frame.height)
print(frame.width)
</code></pre>

I made an <code>UIView</code> extension that creates a <a href="https://docs.swift.org/swift-book/LanguageGuide/Properties.html#ID261" rel="noreferrer">read-only property</a> called <code>safeAreaFrame</code>.

<code>safeAreaFrame</code> will be the frame of the safe area if the iOS version is 11 or greater. 

Otherwise, it will be <code>bounds</code> (just the frame of the view).

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

Example:

<pre><code>let frame = self.view.safeAreaFrame 
print(frame.height)
print(frame.width)
</code></pre>

blocks|key|4519727|text|override+func+viewDidLayoutSubviews()+
++++super.viewDidLayoutSubviews()
++++let+safeAreaHeight+=+view.safeAreaLayoutGuide.layoutFrame.height
++++let+safeAraeWidth+=+view.safeAreaLayoutGuide.layoutFrame.width
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4519728|请记住在viewDidLayoutSubviews函数中执行此操作，或者在任何函数中设置约束，然后在viewDidLayoutSubviews中调用该函数。|unstyled|offset|length|style|CODE|4519729|viewDidLoad不会给你提供安全区框，因为它在加载视图之前运行。|4519730|entityMap^0|0|4|L|1E|L|0|0|B|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@$G|Q|H|R|I|J]|$G|S|H|T|I|J]]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@$G|V|H|W|I|J]]|9|@]|A|$]]|$1|M|3|-4|5|F|7|X|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>override func viewDidLayoutSubviews() 
 super.viewDidLayoutSubviews()
 let safeAreaHeight = view.safeAreaLayoutGuide.layoutFrame.height
 let safeAraeWidth = view.safeAreaLayoutGuide.layoutFrame.width
}
</code></pre>
Remember to do this in <code>viewDidLayoutSubviews</code> function or setup your constraints in any function and then call that function inside <code>viewDidLayoutSubviews</code>.
<code>viewDidLoad</code> won't give you the safe area frames, as it runs before loading the view.

I'm trying programmatically set constraints for some labels, buttons, and text fields relative to the height and width of the safe area. For example, I'm hoping to set the distance from the label from the top of the safe area to 10% of the safe area's height.

How can I retrieve the height and width of the safe area? 

Is this a sound approach? My thought process was that my screen would then adjust automatically regardless of iOS device.

Thanks for the help!

How can I find the height and width of the safe area?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试以编程方式为一些标签、按钮和文本字段设置与安全区域的高度和宽度相关的约束。例如，我希望将标签到安全区域顶部的距离设置为安全区域高度的10%。如何检索安全区域的高度和宽度？这是一种合理的方法吗？我的想法是，无论iOS设备是什么，我的屏幕都会自动调整。谢谢你的帮助！

问怎样才能找到安全区域的高度和宽度？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问怎样才能找到安全区域的高度和宽度？EN