为什么这些受约束的布局有不同的尺寸？

Question

我的布局坏了。我在运行时添加了一个布局，我使用以下代码将其锚定到所有 4 个方面：

func anchorAllSides(to parentView:UIView, identifier: String? = nil ) {
    self.translatesAutoresizingMaskIntoConstraints = false
    let top = self.topAnchor.constraint(equalTo: parentView.topAnchor)
    let bottom = self.bottomAnchor.constraint(equalTo: parentView.bottomAnchor)
    let left = self.leadingAnchor.constraint(equalTo: parentView.leadingAnchor)
    let right = self.trailingAnchor.constraint(equalTo: parentView.trailingAnchor)
    if let identifierString = identifier {
        top.identifier = "\(identifierString) - top"
        bottom.identifier = "\(identifierString) - bottom"
        left.identifier = "\(identifierString) - left"
        right.identifier = "\(identifierString) - right"
    }
    NSLayoutConstraint.activate([top, bottom, left, right])
}

在控制台中，我可以看到 2 个视图具有锚定所有 4 个边的约束，但它们的大小也完全不同。

Printing description of $20:
<UIView: 0x7f93084220c0; frame = (0 0; 375 205.333); autoresize = W+H; gestureRecognizers = <NSArray: 0x600001956ac0>; layer = <CALayer: 0x60000176b320>>


Printing description of $21:  
<UIView: 0x7f930840ed40; frame = (0 528.667; 375 528.667); autoresize = RM+BM; layer = <CALayer: 0x6000017698e0>>

(lldb) po [0x7f930840ed40 constraints]
<__NSArrayI 0x600000650330>(
<NSLayoutConstraint:0x60000346a760 'drawerControllerView <-> rolePageDrawerView - bottom' UIView:0x7f93084220c0.bottom == UIView:0x7f930840ed40.bottom   (active)>,
<NSLayoutConstraint:0x60000346a7b0 'drawerControllerView <-> rolePageDrawerView - left' H:|-(0)-[UIView:0x7f93084220c0]   (active, names: '|':UIView:0x7f930840ed40 )>,
<NSLayoutConstraint:0x60000346a800 'drawerControllerView <-> rolePageDrawerView - right' UIView:0x7f93084220c0.trailing == UIView:0x7f930840ed40.trailing   (active)>,
<NSLayoutConstraint:0x60000346a710 'drawerControllerView <-> rolePageDrawerView - top' V:|-(0)-[UIView:0x7f93084220c0]   (active, names: '|':UIView:0x7f930840ed40 )>
)

通过在 Xcode 中的视图层次调试器中查看视图，在布局视图后打印上述信息。因此，所有这些都是活动的约束，此时应该使它们的大小相等。

如果它们被限制为相等，那么帧大小如何不同？

更新

为了缩小范围，我在父 VC（角色页面 vc）和子 VC（日历 vc）的 layoutSubviews() 函数中使用了断点日志记录。在两者中，我都记录了抽屉父视图​​的大小。在子 VC 中，我记录了抽屉视图和 self.view 的大小，这是子到抽屉的所有侧面都固定在抽屉上。我还记录了抽屉视图实例，以确保它们相同。这是另一次运行的日志（因此实例地址已从上面的日志中更改）：

role page vc drawerSize (width = 375, height = 190.5)
role page vc drawer 0x00007f7ffd516d50
calendar vc drawerSize (width = 375, height = 222.66666666666666)
calendar vc view size (width = 375, height = 222.66666666666666)
calendar vc drawer is 0x00007f7ffd516d50
role page vc drawerSize (width = 375, height = 589.33333333333337)
role page vc drawer 0x00007f7ffd516d50
role page vc drawerSize (width = 375, height = 589.33333333333337)
role page vc drawer 0x00007f7ffd516d50
calendar vc drawerSize (width = 375, height = 205.33333333333334)
calendar vc view size (width = 375, height = 205.33333333333334)
calendar vc drawer is 0x00007f7ffd516d50

如您所见，抽屉实例是相同的。但是，日历 vc 报告的抽屉视图的大小不同，它被插入和固定到其中。日历 vc 认为它的视图和抽屉视图大小相同，但抽屉视图的父 vc 报告的尺寸更大，即显示时的尺寸。

Answer 1

如果它们被限制为相等，那么帧大小如何不同？

因为约束只是指令。在执行这些指令之前，它们只是指令，仅此而已。这就像一个购物清单；你可以看到牛奶在清单上，但你没有说“那为什么冰箱里没有牛奶？”您还必须购买牛奶。

嗯，运行时直到您打印描述之后才会购买牛奶。布局不会立即发生；它发生在布局时，即在所有代码停止运行并且当前 CATransaction 已提交之后。之后，这两个视图将具有相同的大小。

请注意，我说的不仅仅是第一次时间布局发生。布局会在视图的整个生命周期中间歇性地发生，因为会发生布局触发事件。但是在这些时刻之间，完全有可能出现其他代码并将视图的框架手动设置为其他内容。在再次触发布局之前，它不会变回约束所规定的内容。

（当然这也包括layoutSubviews 和viewDidLayoutSubviews 本身。自动布局在此时发生，但您的代码可以出现并覆盖自动布局所做的。）

为了强调重点，这里是一个应用程序的完整代码，它让我们陷入了你所描述的情况：

func delay(_ delay:Double, closure:@escaping ()->()) {
    let when = DispatchTime.now() + delay
    DispatchQueue.main.asyncAfter(deadline: when, execute: closure)
}
class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let v = UIView()
        v.backgroundColor = .red
        v.translatesAutoresizingMaskIntoConstraints = false
        self.view.addSubview(v)
        NSLayoutConstraint.activate([
            v.topAnchor.constraint(equalTo:self.view.topAnchor),
            v.leadingAnchor.constraint(equalTo:self.view.leadingAnchor),
            v.trailingAnchor.constraint(equalTo:self.view.trailingAnchor),
            v.bottomAnchor.constraint(equalTo:self.view.bottomAnchor),
            ])
        delay(5) {
            v.frame = v.frame.insetBy(dx: 30, dy: 30)
            print(v.frame)
            print(self.view.frame)
            print(self.view.constraints)
        }
    }
}

注意打印输出（为了清楚起见，我已经删除了一些限制）：

(30.0, 30.0, 354.0, 676.0)
(0.0, 0.0, 414.0, 736.0)
[
    <NSLayoutConstraint:0x600000083570 V:|-(0)-[UIView:0x7fede9d07190]   (active, names: '|':UIView:0x7fede9f0d230 )>, 
    <NSLayoutConstraint:0x6000000957c0 H:|-(0)-[UIView:0x7fede9d07190]   (active, names: '|':UIView:0x7fede9f0d230 )>, 
    <NSLayoutConstraint:0x600000094c30 UIView:0x7fede9d07190.trailing == UIView:0x7fede9f0d230.trailing   (active)>, 
    <NSLayoutConstraint:0x600000095f40 UIView:0x7fede9d07190.bottom == UIView:0x7fede9f0d230.bottom   (active)>, 
    ...
]

这就像您的打印输出：约束说两个视图的边缘应该相等，但它们的框架大小不同。所以你所报告的确实是极有可能的。

Answer 2

@matt 的回答准确地描述了我试图在我的 cmets 中要求的内容。示例：

override func viewDidLoad() {
    super.viewDidLoad()

    let subview = UIView()
    subview.backgroundColor = .orange

    view.addSubview(subview)
    subview.anchorAllSides(to: view)

    print("BEFORE layoutIfNeeded")
    print(view.frame)
    print(subview.frame)

    view.layoutIfNeeded() // forces the view to update its layout immediately

    print("AFTER layoutIfNeeded")
    print(view.frame)
    print(subview.frame)
}

打印出来：

BEFORE layoutIfNeeded
(0.0, 0.0, 375.0, 812.0)
(0.0, 0.0, 0.0, 0.0)
AFTER layoutIfNeeded
(0.0, 0.0, 375.0, 812.0)
(0.0, 0.0, 375.0, 812.0)