如何使用Cocoa Auto Layout使用窗口调整自定义视图的大小？

Question 1

我有一个带有单个自定义视图的窗口，并且希望该自定义视图随窗口调整大小，以便它随时可以完全填充它。如果我写：

NSView *contentView = [self.window contentView];
CustomView *customView = [[CustomView alloc] initWithFrame:[contentView bounds]];
[contentView addSubview:customView];
[contentView addConstraint:
    [NSLayoutConstraint constraintWithItem:customView
        attribute:NSLayoutAttributeWidth
        relatedBy:NSLayoutRelationEqual
        toItem:contentView
        attribute:NSLayoutAttributeWidth
        multiplier:1
        constant:0]];
[contentView addConstraint:
    [NSLayoutConstraint constraintWithItem:customView
        attribute:NSLayoutAttributeHeight
        relatedBy:NSLayoutRelationEqual
        toItem:contentView
        attribute:NSLayoutAttributeHeight
        multiplier:1
        constant:0]];

然后，窗口不允许我调整其大小。
如果我添加：

[customView setTranslatesAutoresizingMaskIntoConstraints:NO];

然后，自定义视图不会出现（drawRect:似乎从未调用过）。我尝试了不同的方法（包括视觉格式@"|[customview]|"），但始终遇到相同的问题。我知道可以使用较旧的自动调整大小系统来实现，方法是：

[customView setAutoresizingMask:NSViewWidthSizable|NSViewHeightSizable];

但是我想使用Cocoa Auto Layout系统，并且想在更复杂的情况下使用它（例如总是填充窗口的几个自定义视图）。

有谁知道哪里出了问题，我应该如何使用自动版式系统来获得所需的结果？

Question 2

使用“自动版式”，（至少）有三种方法可以约束视图，使其占据整个窗口的内容视图，并在适当时调整大小。

关于超级视图的视觉格式约束

NSView *contentView = [_window contentView];
MyView *customView = [[MyView alloc] initWithFrame:[contentView bounds]];
[customView setTranslatesAutoresizingMaskIntoConstraints:NO];

[contentView addSubview:customView];

NSDictionary *views = NSDictionaryOfVariableBindings(customView);

[contentView addConstraints:
    [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[customView]|"
        options:0
        metrics:nil
        views:views]];

[contentView addConstraints:
    [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[customView]|"
    options:0
    metrics:nil
    views:views]];

边缘的程序约束

（这应与上面的视觉格式等效）

+ (void)addEdgeConstraint:(NSLayoutAttribute)edge superview:(NSView *)superview subview:(NSView *)subview {
    [superview addConstraint:[NSLayoutConstraint constraintWithItem:subview
        attribute:edge
        relatedBy:NSLayoutRelationEqual
        toItem:superview
        attribute:edge
        multiplier:1
        constant:0]];
}

和

NSView *contentView = [_window contentView];
MyView *customView = [[MyView alloc] initWithFrame:[contentView bounds]];
[customView setTranslatesAutoresizingMaskIntoConstraints:NO];

[contentView addSubview:customView];

[[self class] addEdgeConstraint:NSLayoutAttributeLeft superview:contentView subview:customView];
[[self class] addEdgeConstraint:NSLayoutAttributeRight superview:contentView subview:customView];
[[self class] addEdgeConstraint:NSLayoutAttributeTop superview:contentView subview:customView];
[[self class] addEdgeConstraint:NSLayoutAttributeBottom superview:contentView subview:customView];

程序限制大小

NSView *contentView = [_window contentView];
MyView *customView = [[MyView alloc] initWithFrame:[contentView bounds]];
[customView setTranslatesAutoresizingMaskIntoConstraints:NO];

[contentView addSubview:customView];

[contentView addConstraint:
    [NSLayoutConstraint constraintWithItem:customView
        attribute:NSLayoutAttributeWidth
        relatedBy:NSLayoutRelationEqual
        toItem:contentView
        attribute:NSLayoutAttributeWidth
        multiplier:1
        constant:0]];
[contentView addConstraint:
    [NSLayoutConstraint constraintWithItem:customView
        attribute:NSLayoutAttributeHeight
        relatedBy:NSLayoutRelationEqual
        toItem:contentView
        attribute:NSLayoutAttributeHeight
        multiplier:1
        constant:0]];

第三种方法是问题中列出的方法，如果存在进一步的限制，它可能不起作用。例如，没有：

[customView setTranslatesAutoresizingMaskIntoConstraints:NO];

原始的autoresize蒙版也将应用，这会导致问题中描述的行为：不调整窗口大小。

如Regexident所述，您可以使用：

[_window visualizeConstraints:[contentView constraints]];

调试自动版式。同样值得检查控制台输出。

Question 3

@Bavarious的答案很好，我只会再添加一些内容。

学习使用内置的调试支持非常重要！与许多开发一样，希望您一开始就能始终做好所有事情是不现实的。这是自动布局的主要问题，因此我们在调试上投入了大量精力。步骤如下：

确定在错误位置的视图。从gdb调用方法-[NSView _subtreeDescription]和/或传递参数-NSShowAllViews是，可以帮助您确定哪个视图错误。
确定一个或多个错误或缺失的约束。-[NSLayoutConstraint ConstraintsAffectingLayoutForOrientation：]可帮助您减少处理约束的次数。-[NSWindow visualizeConstraints：]可以帮助您查看这些约束是什么，并且您可以从中看到哪些不是您想要的约束。它还将显示布局是否模棱两可（约束不足）。
确定错误约束的来源。Instruments中的Cocoa Layout模板有点像Leaks仪器-它会向您显示约束生命周期中的所有事件，例如它的创建位置，添加到窗口中，进行修改等。因此，一旦您知道了什么约束是问题所在，请使用Instruments中的搜索字段进行过滤，以仅查看该约束，然后您可以查看所有生命周期事件的回溯，并找出您在哪里执行了您不需要的操作。

通常，您要发布的问题类型（我的东西不起作用！）不足以让人们分辨出什么地方出了问题，这是使用调试工具很重要的原因之一。有关更多信息，请参阅WWDC 2011会话视频（全部免费）和文档。

Buuuuut我实际上可以告诉您这次出了什么问题。:-)在关闭translatesAutoresizingMaskIntoConstraints之前，您受到的约束比您想约束的要多-视图的宽度和高度也已固定，这就是无法调整窗口大小的原因。不过，在您将其关闭之后，布局却模棱两可，因为您还没有将视图固定在任何东西上！您已经说过应该有多大（与超级视图相同），但没有说应该在多大的位置。

肯

Cocoa Frameworks，主要的自动布局作者

Question 4

您可以使用布局锚来创建约束，格式非常易于理解：

Swift2代码

func fit(childView: UIView, parentView: UIView) {
    childView.translatesAutoresizingMaskIntoConstraints = false
    childView.topAnchor.constraintEqualToAnchor(parentView.topAnchor).active = true
    childView.leadingAnchor.constraintEqualToAnchor(parentView.leadingAnchor).active = true
    childView.trailingAnchor.constraintEqualToAnchor(parentView.trailingAnchor).active = true
    childView.bottomAnchor.constraintEqualToAnchor(parentView.bottomAnchor).active = true
}

采用：

parrentView.addSubview(childView)
fit(childView, parentView: parrentView)

Question 5

我发现-drawRect：如果框架矩形为0,0,0,0不会被调用。不良约束似乎导致帧变为0,0,0,0。