自动布局约束警告

Posted 2023-03-15

【中文标题】自动布局约束警告

【英文标题】：Autolayout constraint warnings

【发布时间】：2018-10-09 14:00:23

【问题描述】：

所以我以编程方式将视图添加到 tableviewcell 的内容视图中，并使用 tableview 提供的动态高度，我似乎收到以下自动布局警告，我是否应该担心，因为布局似乎没有搞砸但是有一个充满这些警告的控制台很烦人。

Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKitCore/UIView.h> may also be helpful.
2018-10-09 14:51:46.748606+0100 GenericForms[78197:5088471] [LayoutConstraints] Unable to simultaneously satisfy constraints.
    Probably at least one of the constraints in the following list is one you don't want. 
    Try this: 
        (1) look at each constraint and try to figure out which you don't expect; 
        (2) find the code that added the unwanted constraint or constraints and fix it. 
(
    "<NSLayoutConstraint:0x600001005fe0 UIView:0x7fa582d162e0.height == 55   (active)>",
    "<NSLayoutConstraint:0x600001018960 V:|-(20)-[UIView:0x7fa582d162e0]   (active, names: '|':UITableViewCellContentView:0x7fa582d15800 )>",
    "<NSLayoutConstraint:0x60000101c910 UIView:0x7fa582d162e0.bottom == UITableViewCellContentView:0x7fa582d15800.bottom - 20   (active)>",
    "<NSLayoutConstraint:0x60000103d950 'UIView-Encapsulated-Layout-Height' UITableViewCellContentView:0x7fa582d15800.height == 95   (active)>"
)

Will attempt to recover by breaking constraint 
<NSLayoutConstraint:0x600001005fe0 UIView:0x7fa582d162e0.height == 55   (active)>

这是我用来在 UITableViewCell 内容视图内容中添加视图的代码。

if view == nil 
    view = UIView(frame: .zero)
    view?.backgroundColor = .green
    view?.translatesAutoresizingMaskIntoConstraints = false

    contentView.addSubview(view!)

    NSLayoutConstraint.activate([
        view!.heightAnchor.constraint(equalToConstant: 55),
        view!.topAnchor.constraint(equalTo: contentView.topAnchor, constant: edgeInsets.top),
        view!.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -edgeInsets.bottom),
        view!.leftAnchor.constraint(equalTo: contentView.leftAnchor, constant: edgeInsets.left),
        view!.rightAnchor.constraint(equalTo: contentView.rightAnchor, constant: -edgeInsets.right)
        ])

在我的视图控制器中，这是我用来设置表格视图的代码。

class SelfSizedTableView: UITableView 
    var maxHeight: CGFloat = UIScreen.main.bounds.size.height

    override func reloadData() 
        super.reloadData()
        self.invalidateIntrinsicContentSize()
        self.layoutIfNeeded()
    

    override var intrinsicContentSize: CGSize 
        let height = min(contentSize.height, maxHeight)
        return CGSize(width: contentSize.width, height: height)
    

class FormViewController: UIViewController 

    private let tableView: SelfSizedTableView = 
       let tv = SelfSizedTableView()
        tv.isScrollEnabled = false
        tv.translatesAutoresizingMaskIntoConstraints = false
        tv.tableFooterView = UIView()
        tv.register(TestTableViewCell.self, forCellReuseIdentifier: "cellId")
        return tv
    ()

    override func viewDidLoad() 
        super.viewDidLoad()

        self.view.backgroundColor = .white
        tableView.dataSource = self
        view.addSubview(tableView)
    

    override func viewWillLayoutSubviews() 
        super.viewWillLayoutSubviews()

        centerTableViewContent()
    

    private func centerTableViewContent() 

        tableView.removeConstraints(tableView.constraints)

        if tableView.intrinsicContentSize.height > view.safeAreaLayoutGuide.layoutFrame.size.height 

            NSLayoutConstraint.activate([

                tableView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
                tableView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
                tableView.leftAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leftAnchor),
                tableView.rightAnchor.constraint(equalTo: view.safeAreaLayoutGuide.rightAnchor)
                ])

         else 

            NSLayoutConstraint.activate([

                tableView.heightAnchor.constraint(equalToConstant: tableView.intrinsicContentSize.height),
                tableView.widthAnchor.constraint(equalToConstant: view.frame.width),
                tableView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
                tableView.centerYAnchor.constraint(equalTo: view.centerYAnchor)
                ])
        
    


extension FormViewController: UITableViewDataSource 

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
        return 5
    

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 

        let cell = tableView.dequeueReusableCell(withIdentifier: "cellId", for: indexPath) as! TestTableViewCell

        switch indexPath.row 
        case 0:
            cell.backgroundColor = .red
            cell.configure(with: "Item at: \(indexPath.row)", edgeInsets: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10))
        case 1:
            cell.backgroundColor = .yellow
            cell.configure(with: "Item at: \(indexPath.row)", edgeInsets: UIEdgeInsets(top: 20, left: 10, bottom: 20, right: 10))
        default:
            cell.backgroundColor = .blue
            cell.configure(with: "Item at: \(indexPath.row)", edgeInsets: UIEdgeInsets(top: 70, left: 10, bottom: 70, right: 10))

        

        return cell
    

【问题讨论】：

似乎单元格的高度有冲突。您是否在其他任何地方设置单元格高度？

@RakeshaShastri 不

如果你使用的是动态高度，那为什么要设置为 55？如果您希望将其作为最小值或最大值，可以尝试（a）将事物设置为大于/小于而不是等于或（b）在等于 55 约束上放置较低的优先级。 （我通常更喜欢后者，因为所有警告都在说 - 引擎不知道要打破哪个约束。）

@dfd 我设置的高度是针对内容视图中的视图，而不是实际的内容视图本身

@Tunds 冲突发生在UITableViewCell 中的heightAnchor、topAnchor 和bottomAnchor 。从这三个约束中删除一个

【参考方案1】：

只是为了分享：有一个great online tool（顺便说一句，我与它没有关联）有助于理解记录的错误消息。只需复制冲突约束列表（包括周围的括号，见下文）并将它们粘贴到工具的文本区域中。然后它会给你一个很好的约束的可视化，通常有助于理解什么是错的。试试看！

复制粘贴：

(
    "<NSLayoutConstraint:0x600001005fe0 UIView:0x7fa582d162e0.height == 55   (active)>",
    "<NSLayoutConstraint:0x600001018960 V:|-(20)-[UIView:0x7fa582d162e0]   (active, names: '|':UITableViewCellContentView:0x7fa582d15800 )>",
    "<NSLayoutConstraint:0x60000101c910 UIView:0x7fa582d162e0.bottom == UITableViewCellContentView:0x7fa582d15800.bottom - 20   (active)>",
    "<NSLayoutConstraint:0x60000103d950 'UIView-Encapsulated-Layout-Height' UITableViewCellContentView:0x7fa582d15800.height == 95   (active)>"
)

【讨论】：

这能回答 OP 的问题吗？

@DonMag 有些东西不是 cmets/ 也不是答案。把它们放在哪里的决定是棘手的。在我看来，这个例子最好写在答案部分。尽管如此，它也可以导致一起解决问题......

@Honey - 有些事情可能是真的可以被认为是 cmets 或答案，我想说在这种情况下这不是真的。如果答案还包括“这是您的解决方案，基于使用该工具的结果”，那么我会说，是的，这是一个答案。这里不是这样。

@DonMag 你可能是对的。我应该把它作为评论发布。

它可能不会直接回答 OP 的问题，但这个答案对我和其他在布局约束问题上苦苦挣扎的人来说更有用。具体的答案对 OP 来说非常有用，但对于有类似但不同问题的人来说通常不太有用。对于这些人来说，为他们自己的问题提供答案的有用工具非常棒。将此作为评论不会赋予它相同的可见性。

【参考方案2】：

如果您能正确阅读警告，您就会明白您在单元格的 contentView 中的视图上设置了显式高度 (55)，并且您将其限制在 contentView 的顶部和底部。因此，您基本上是在其内容上使用自动布局指定单元格的高度。

为此，您应该将rowHeight 设置为UITableViewAutomaticDimension，并将estimatedRowHeight 设置为一个可以最佳估计其高度的常数。

然后警告中的UIView-Encapsulated-Layout-Height 约束告诉您，冲突的出现只是因为tableView 基于rowHeight/estimatedRowHeight 设置的单元格的高度 - 有关此主题的更多信息，请阅读this question。

现在您必须决定是要使用通过tableView.rowHeight 设置的行高，还是使用单元格内容的自动布局约束指定的高度。如果您想使用自动布局，我假设基于该约束，请使用以下代码。

尝试使用此代码设置tableView：

private let tableView: SelfSizedTableView = 
    let tv = SelfSizedTableView()
    tv.isScrollEnabled = false
    tv.translatesAutoresizingMaskIntoConstraints = false
    tv.tableFooterView = UIView()

    // explicitly set the row height and its estimated row height
    tv.estimatedRowHeight = 55 // ideally use 55 + edgeInsets.top + edgeInsets.bottom
    tv.rowHeight = UITableViewAutomaticDimension // automatic height based on content

    tv.register(TestTableViewCell.self, forCellReuseIdentifier: "cellId")
    return tv
()

然后使用此代码设置单元格的内容视图：

if view == nil 
    view = UIView(frame: .zero)
    view?.backgroundColor = .green
    view?.translatesAutoresizingMaskIntoConstraints = false

    contentView.addSubview(view!)

    // set priority on one of the constraints to 999:
    let heightConstraint = view!.heightAnchor.constraint(equalToConstant: 55)
    heightConstraint.priority = UILayoutPriority(rawValue: 999)
    // for reasoning behind this, read https://***.com/q/44651241/2912282

    NSLayoutConstraint.activate([
        heightConstraint,
        view!.topAnchor.constraint(equalTo: contentView.topAnchor, constant: edgeInsets.top),
        view!.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -edgeInsets.bottom),
        view!.leftAnchor.constraint(equalTo: contentView.leftAnchor, constant: edgeInsets.left),
        view!.rightAnchor.constraint(equalTo: contentView.rightAnchor, constant: -edgeInsets.right)
        ])

【讨论】：

一位很好的伙伴整理了警告。