以编程方式设置约束不同于在IB中设置约束？

Question

我是iOS中Auto Layout的新手。我原则上非常喜欢这个概念，但它让我疯狂地试图完成最简单的事情。我怀疑我仍然缺少一些简单的基本原则。我正在尝试通过实践来学习并在应用程序中实际使用它之前获得基础知识，因此我创建了非常简单的测试项目。这是一个简单的，它不会按预期工作。首先是有效的部分。在IB中，我添加一个View来填充整个viewcontroller，XCode自动将约束设置为Top / Bottom / Leading / Trailing，将Space设置为0.完成IB后，它按预期工作：

旋转到

大！

现在我试图在代码中做同样的事情：

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
UIView *redView = [[UIView alloc] initWithFrame:self.view.bounds];
redView.backgroundColor = [UIColor redColor];
[self.view addSubview:redView];

redView.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeBottom multiplier:1.0f constant:0.0f]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeading multiplier:1.0f constant:0.0f]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeTrailing relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeBottom multiplier:1.0f constant:0.0f]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeading multiplier:1.0f constant:0.0f]];
}

除了单视图应用程序的默认代码之外，其他所有代码都是如此。

当我运行上面的代码时，尝试以与编程方式相同的方式镜像，我在轮换后得到这个：

为什么同样的限制会导致不同的结果呢？这可能是一件非常简单而又令人尴尬的事情。帮助！

Answer 1

我知道这是旧的，但我认为你的约束问题是你混淆了尾随等代表的东西。我已将您的代码修改为以下内容，现在它按预期填充屏幕：

       UIView *redView = [[UIView alloc] initWithFrame:self.view.bounds];
redView.backgroundColor = [UIColor redColor];
[self.view addSubview:redView];

redView.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeBottom multiplier:1.0f constant:0.0f]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeading multiplier:1.0f constant:0.0f]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeTrailing relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTrailing multiplier:1.0f constant:0.0f]];
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:redView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1.0f constant:0.0f]];

您将尾随约束设置为等于底部（尾部实际上是右侧而不是底部，您将顶部约束与左侧（前导）相关联

Answer 2

以下是我将如何做到这一点：

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[redView]|"
                                                                  options:0
                                                                  metrics:nil
                                                                    views:NSDictionaryOfVariableBindings(redView)]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[redView]|"
                                                                  options:0
                                                                  metrics:nil
                                                                    views:NSDictionaryOfVariableBindings(redView)]];

IB中的AutoLayout可能很痛苦，我发现熟悉Visual Format Language比使用constraintWithItem更少：attribute：relatedBy：toItem：attribute：multiplier：constant：

Answer 3

使用顶部和底部而不是前导和尾随。请注意，您将在原始帖子中混合使用这些内容。领导和尾随似乎让人迷惑！