ios - 对于 ViewController 的“主”视图,您是否必须将 translatesAutoresizingMaskIntoConstraints 设置为 false?
问题描述
我在 Xcode 中有一个空白的 Swift 项目,并且没有使用故事板。我在 viewDidLoad 下的代码中添加了一个视图:
var view1 = UIView()
view1.backgroundColor = .red
view.addSubview(view1)
view1.translatesAutoresizingMaskIntoConstraints = false
然后我添加约束:
NSLayoutConstraint.activate([
view1.topAnchor.constraint(equalTo: view.topAnchor, constant: 20),
view1.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
view1.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
view1.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])
视图加载并在模拟器中看起来很好。但是我在另一个项目中遇到了一些其他视图的问题,所以我已经构建了上面的测试。所以我发现即使上面的构建和工作,如果我使用以下方法检查不明确的布局:
print(view1.hasAmbiguousLayout)
我记录了错误:
2021-02-14 15:26:34.919048+1100 autolayoutextensions[6603:4438601] [LayoutConstraints] 视图布局不明确。请参阅“自动布局指南:模糊布局”以获取帮助调试。通过调用 -[UIView _autolayoutTrace] 显示概要以提供更多详细信息。
*UIView:0x13360c3b0- UIView 的模糊布局:0x13360c3b0.Width{id: 9}, UIView:0x13360c3b0.Height{id: 12}
图例: * - 自动布局 + - 手动布局,但在布局引擎中表示,因为 translatesAutoresizingMaskIntoConstraints = YES • - 布局引擎主机 true
我可以让这些错误不被记录的唯一方法是同时设置 ViewController 的主视图,如下所示:
view.translatesAutoresizingMaskIntoConstraints = false
通过这样做,我知道得到以下日志输出:
错误的
所以我的问题是……我没有在 Apple 的文档(或这里,谷歌搜索等)中读到任何地方说你必须将 viewController 设置view.translatesAutoresizingMaskIntoConstraints
为false
. 我错过了什么吗?抱歉,如果这只是我的理解,但最好澄清一下。
解决方案
首先,您永远不应该.translatesAutoresizingMaskIntoConstraints = false
在视图控制器的主视图上进行设置(除非您将控制器作为孩子加载,但这不是您在问题中所说的)。
您需要阅读视图/视图控制器生命周期。
在viewDidLoad()
中,自动布局尚未运行以管理视图和子视图布局。
在viewDidLayoutSubview()
中,自动布局已经运行,但取决于您的设计的动态程度(以及其他因素),这可能会被多次调用。
在viewDidAppear()
中,所有布局都已完成(除非您的代码正在对动画视图运行异步进程,添加其他视图等)。
所以,试着运行这个简单的例子——它将打印当前执行函数的名称以及来自以下位置的输出.hasAmbiguousLayout
:
class TestLayoutViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
var view1 = UIView()
view1.backgroundColor = .red
view.addSubview(view1)
view1.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
view1.topAnchor.constraint(equalTo: view.topAnchor, constant: 20),
view1.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
view1.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
view1.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
])
print() // blank line
print(#function)
print() // blank line
print("In viewDidLoad(), does subview have ambigous layout?")
print(view1.hasAmbiguousLayout)
}
override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
guard let v = view.subviews.first else {
return
}
print() // blank line
print(#function)
print() // blank line
print("In viewDidLayoutSubviews(), does subview have ambigous layout?")
print(v.hasAmbiguousLayout)
}
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
guard let v = view.subviews.first else {
return
}
print() // blank line
print(#function)
print() // blank line
print("In viewDidAppear(), does subview have ambigous layout?")
print(v.hasAmbiguousLayout)
}
}
这是您应该在调试控制台中看到的内容:
viewDidLoad()
In viewDidLoad(), does subview have ambigous layout?
2021-02-14 08:41:46.694337-0500 PanZoom[43869:6978294] [LayoutConstraints] View has an ambiguous layout. See "Auto Layout Guide: Ambiguous Layouts" for help debugging. Displaying synopsis from invoking -[UIView _autolayoutTrace] to provide additional detail.
*UIView:0x7fd472604960- AMBIGUOUS LAYOUT for UIView:0x7fd472604960.Width{id: 90}, UIView:0x7fd472604960.Height{id: 93}
Legend:
* - is laid out with auto layout
+ - is laid out manually, but is represented in the layout engine because translatesAutoresizingMaskIntoConstraints = YES
• - layout engine host
true
viewDidLayoutSubviews()
In viewDidLayoutSubviews(), does subview have ambigous layout?
false
viewDidAppear(_:)
In viewDidAppear(), does subview have ambigous layout?
false
正如你所看到的,在viewDidLoad()
我们得到自动布局的模糊性,但不是inviewDidLayoutSubviews()
或 in viewDidAppear()
。
推荐阅读
- reactjs - 使用重复的 if else 块重构 React 函数
- angular - 在页面上放置多个上下文菜单时上下文菜单显示不正确
- sql - PostgresSql中如何根据if条件返回一个特定的值?
- c++ - 在 lambda 中仅捕获类的特定成员
- sql - 查询时间序列最近 24 小时的变化
- python - 使用正则表达式在字符串中搜索并替换为 python 列表中的值
- google-cloud-platform - GCP Cloud SQL 问题
- sql - 基于公共列值Oracle SQL选择多行
- gltf - 将usd.a usd.z等转换成gltf?
- javascript - 如何使用javascript动态加速音频播放中的单词间隙?