9

我是 iOS 中自动布局的新手。原则上我真的很喜欢这个概念,但它让我疯狂地试图完成最简单的事情。我怀疑我仍然缺少一些简单的基本原则。我正在尝试边做边学,并在实际使用应用程序之前获得基础知识,因此我正在创建非常简单的测试项目。这是一个尽可能简单但无法按预期工作的方法。首先是有效的部分。在 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]];
}

这就是除了单视图应用程序的默认代码之外的所有代码。

当我运行上面的代码时,试图以编程方式镜像与 IB 相同的东西,我在旋转后得到这个:

在此处输入图像描述

为什么相同的约束会导致不同的结果?我想念的可能是一些非常简单且令人尴尬的愚蠢。帮助!!!

4

3 回答 3

7

我知道这很旧,但我认为您的约束问题在于您混淆了尾随等代表的含义。我已将您的代码修改为以下内容,它现在按预期填充屏幕:

       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]];

您将尾随约束设置为等于底部(尾随实际上是右侧而不是底部,并且您将顶部约束与左侧(前导)相关联

于 2015-04-08T10:38:11.223 回答
6

这是我将如何做到这一点:

[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 工作要少:

于 2013-06-21T19:47:33.553 回答
1

代替前导和尾随,使用顶部和底部。请注意,您在原始帖子中将这些混合在一起。领先和尾随似乎让人感到困惑!

于 2013-06-22T00:53:30.580 回答