ios - UITableViewCell 上的 AutoLayout 问题

Question

我在 xcode 5 项目上遇到自动布局问题。我在内部使用带有导航 Controller 的普通 View Controller 。我在上半部分有一个 MKMapView，在下半部分有一个 UITableView。我正在使用 storyboards，并配置了原型(prototype) UITableViewCell，但我正在通过代码添加约束。我仔细检查了原型(prototype)中的每个控件，没有看到那里配置的任何约束。当我为 UITableViewCell 添加约束时，我的问题就出现了。我在单元格中有以下代码:

-(void)updateConstraints {
    [super updateConstraints];
    //first remove old constraints
    [self removeConstraints:self.constraints];
    [self.nameLabel removeConstraints:self.nameLabel.constraints];
    [self.addressLabel removeConstraints:self.nameLabel.constraints];
    [self.rentableSquareFeetLabel removeConstraints:self.rentableSquareFeetLabel.constraints];
    [self.lastSaleAmountLabel removeConstraints:self.lastSaleAmountLabel.constraints];
    [self.lastSaleDateLabel removeConstraints:self.lastSaleAmountLabel.constraints];
    [self.thumbnailImageView removeConstraints:self.thumbnailImageView.constraints];

    //then set up constraints
    NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings(_thumbnailImageView, _nameLabel, _rentableSquareFeetLabel, _lastSaleAmountLabel, _addressLabel, _lastSaleDateLabel);
    [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[_thumbnailImageView(60)]-[_nameLabel(<=200)]-(>=8)-[_rentableSquareFeetLabel]-(>=8)-[_lastSaleAmountLabel]|" options:0 metrics:nil views:viewsDictionary]];
    [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[_nameLabel]-(-4)-[_addressLabel]" options:NSLayoutFormatAlignAllLeading metrics:nil views:viewsDictionary]];
    [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[_lastSaleAmountLabel]-(-4)-[_lastSaleDateLabel]" options:NSLayoutFormatAlignAllLeading metrics:nil views:viewsDictionary]];
}

我在调试控制台中得到以下信息。该异常由第一个 addConstraints 行触发。如果我只是继续执行这些操作，那么最终一切都会按应有的方式显示，因为看起来 xcode 正在选择打破正确的约束:

2013-09-25 15:07:14.169 PECProperties[32381:a0b] 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. (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints)  (
    "<NSIBPrototypingLayoutConstraint:0x9d56c70 'IB auto generated at build time for view with fixed frame' H:|-(0)-[UIImageView:0x9d558f0](LTR)   (Names: '|':UITableViewCellContentView:0x9d55620 )>",
    "<NSIBPrototypingLayoutConstraint:0x9d56d20 'IB auto generated at build time for view with fixed frame' H:[UIImageView:0x9d558f0(60)]>",
    "<NSIBPrototypingLayoutConstraint:0x9d56d80 'IB auto generated at build time for view with fixed frame' H:|-(78)-[UILabel:0x9d559e0](LTR)   (Names: '|':UITableViewCellContentView:0x9d55620 )>",
    "<NSLayoutConstraint:0x9d53830 H:[UIImageView:0x9d558f0]-(NSSpace(8))-[UILabel:0x9d559e0]>" )

Will attempt to recover by breaking constraint  <NSIBPrototypingLayoutConstraint:0x9d56d80 'IB auto generated at build time for view with fixed frame' H:|-(78)-[UILabel:0x9d559e0](LTR)   (Names: '|':UITableViewCellContentView:0x9d55620 )>

Break on objc_exception_throw to catch this in the debugger. The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKit/UIView.h> may also be helpful.

第三个 NSIBPrototypingLayoutConstraint 显示 View 边缘和标签之间的 78 个点。那是原型(prototype)大致定位的位置(如果我在原型(prototype)中移动它，我会在调试控制台中看到约束的变化)，但这与我自己的 ImageView 和标签之间的“标准”距离约束冲突.

我已经尝试在 View Controller 的 cellForRowAtIndexPath 中设置 translatesAutoresizingMaskIntoConstraints=NO，但这似乎也没有帮助。如何修复布局？

Answer 1

这里要介绍一些事情:

1. 您遇到的(并导致异常的)NSIBPrototypingLayoutConstraint 约束是由 Interface Builder 自动生成的，目的是使您的 Storyboard 或 XIB View 布局明确无误。这样做很狡猾，但它会自动添加所需的最小约束，以便完全指定每个不明确 View 的位置和大小。这是 Xcode 4 的一个变化，因为在 Xcode 4 中，您不能在 Interface Builder 中使用不明确的布局。使用 Xcode 5 及更高版本您可以，但是如果您的布局在编译时不明确，IB 会自动为您生成这些约束。

   解决此问题的方法是在 Interface Builder 中添加所需的最小约束，以便完全指定每个 View 的位置和大小，然后选择每个不需要的约束，转到右侧栏的属性检查器，并选中该框Placeholder - 在构建时删除旁边。

   

   此复选框不仅会删除您添加的约束，而且最重要的是，它会阻止自动生成的 IB 约束取而代之! (正如您所想象的，当您在 IB 中有多个 View 并希望在代码中管理所有约束时，这会非常乏味。出于这个原因，您可能希望避免将 IB 完全用于您打算在其中实现 Auto 的 View 层次结构以编程方式布局。)

   Placeholder 约束和 Uninstalled 约束有什么区别？这是我的幻灯片 Adaptive Auto Layout talk (video) ( PDF slides ) 比较两者:

   

2. 在 updateConstraints 中，您不希望删除约束并重新添加约束，就像您在此处所做的那样。为什么不？从本质上讲，这对性能来说很糟糕，而且我已经与 Apple 工程师确认这不是一个好主意。查看question/answer I have posted here有关更多详细信息，以及此 answer .为了防止多次添加约束，请使用 bool 标志(例如 hasSetupConstraints)，在您第一次设置约束后将其设置为 YES，并且如果 updateConstraints 再次被调用，如果您没有要添加的新约束，您可以立即返回。参见 this question进一步讨论。

3. 您用来移除约束的代码可能无法完全工作。这是因为 [view removeConstraints:view.constraints] 只会删除已添加到 view 的约束——请记住，可以将约束添加到 View 的任何公共(public)父 View 它们约束 - 添加到 view 的约束可能不是唯一影响 view 布局的约束!如果你需要删除一些约束，你应该在属性中存储对每个约束的引用(例如，包含 NSLayoutConstraint 实例的 NSArray 属性)，然后使用 NSLayoutConstraint 上的 API 或 the PureLayout open-source library 停用/删除这些约束。 .您应该只停用/删除尽可能少的约束，因为这样做的计算成本很高。另一方面，更改任何约束的常量 非常有效且值得鼓励，您不需要移除或重新添加约束来执行此操作。