首页 > 解决方案 > 对于 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.translatesAutoresizingMaskIntoConstraintsfalse. 我错过了什么吗?抱歉,如果这只是我的理解,但最好澄清一下。

标签: iosswiftautolayout

解决方案


首先,您永远不应该.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()


推荐阅读