6

我正在使用添加视图作为子视图[self.view addSubview:myView]。这在纵向模式下工作正常。但是，它在风景中根本不起作用。如何以编程方式添加布局约束？

我的视图目前看起来像纵向矩形，我需要它在横向模式下看起来像横向矩形。

我尝试了这段代码来查看代码中的约束是如何工作的，但它总是会导致异常。代码是：

[self.view addSubview:_preView];
NSLayoutConstraint *myConstraint = [NSLayoutConstraint
 constraintWithItem:_preView
 attribute:NSLayoutAttributeBottom
 relatedBy:NSLayoutRelationEqual
 toItem:self.view.superview
 attribute:NSLayoutAttributeBottom
 multiplier:1.0
 constant:-239];
[_preView addConstraint:myConstraint];

这总是导致异常。我知道上面的代码只是试图确保预览的底部比主视图的底部高 239px。但这也行不通。

你能帮我整理一下，这样我就可以解决景观问题吗？

更新

产生的异常是：

2013-08-05 16:13:28.889 Sample Code[33553:c07] *** Terminating app due to uncaught exception 'NSGenericException', reason: 'Unable to install constraint on view. Does the constraint reference something from outside the subtree of the view? That's illegal. constraint:<NSLayoutConstraint:0x912c430 UIView:0x8561340.bottom == UILayoutContainerView:0x8257340.bottom - 20> view:<UIView: 0x85774e0; frame = (0 0; 320 568); opaque = NO; autoresize = W+H; autoresizesSubviews = NO; layer = <CALayer: 0x8577490>>' *** First throw call stack: (0x1a04012 0x173be7e 0x1a03deb 0x12ee4a0 0xbb983e 0xbb9a27 0xbb9b76 0xbb9d3b 0xbb9c4d 0x1c0d9 0x11395b3 0x19c3376 0x19c2e06 0x19aaa82 0x19a9f44 0x19a9e1b 0x24027e3 0x2402668 0x67fffc 0x2d3d 0x2c65) libc++abi.dylib: terminate called throwing an exception (lldb)

我在添加约束之前添加了子视图，所以我很确定视图是层次结构的。

更新 2

我在 IB 中将父视图的属性设置为“自动调整子视图”。当设备转动但它太窄时，子视图现在转换为横向矩形。我现在需要代码来确保它的宽度正确吗？

4

3 回答 3

37

几点观察：

  1. 您的约束引用 a toItemof self.view.superview。我假设你的意思是self.view.

  2. 您正在将约束添加到_preView，但您应该将其添加到self.view（如果您进行了上述更改；如果没有，您将使用self.view.superview）。您始终将约束添加到最近的共享父级。

  3. 对于您以编程方式创建的视图，请确保设置translatesAutoresizingMaskIntoConstraints为NO.

    因此：

    _preView.translatesAutoresizingMaskIntoConstraints = NO;
[self.view addSubview:_preView];
NSLayoutConstraint *myConstraint = [NSLayoutConstraint constraintWithItem:_preView
                                                                attribute:NSLayoutAttributeBottom
                                                                relatedBy:NSLayoutRelationEqual
                                                                   toItem:self.view
                                                                attribute:NSLayoutAttributeBottom
                                                               multiplier:1.0
                                                                 constant:-239];
[self.view addConstraint:myConstraint];

线下和你聊天，最后的两个观察：

  1. 你的限制是模棱两可的。将来，您可以通过在调试器中运行应用程序，在应用程序运行时点击暂停按钮 ( 在此处输入图像描述) 来识别，然后在(lldb)提示符下，您可以输入

    po [[UIWindow keyWindow] _autolayoutTrace]

    模棱两可的布局

    如果你看到AMBIGUOUS LAYOUT，那么你的约束不是完全限定的（因此你会得到不可预知的行为）。如果添加缺少的约束，您应该能够消除此警告。

  2. 如果要为基于约束的视图设置动画，则可以为 的属性更改设置动画constant，constraints而不是自己更改frame属性。例如：

        // create subview

    UIView *subview = [[UIView alloc] init];
    subview.backgroundColor = [UIColor lightGrayColor];
    subview.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addSubview:subview];

    // create dictionary for VFL commands

    NSDictionary *views = @{@"subview" : subview, @"superview" : self.view};

    // add horizontal constraints

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[subview]|" options:0 metrics:nil views:views]];

    // set the height of the offscreen subview to be the same as its superview

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[subview(==superview)]" options:0 metrics:nil views:views]];

    // set the location of the subview to be just off screen below the current view

    NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:subview attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1.0 constant:self.view.bounds.size.height];
    [self.view addConstraint:constraint];

    // then in two seconds, animate this subview back on-screen (i.e. change the top constraint `constant` to zero)

    double delayInSeconds = 2.0;
    dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
    dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
        constraint.constant = 0.0;
        [UIView animateWithDuration:1.0
                         animations:^{
                             [self.view layoutIfNeeded];
                         }];
    });
于 2013-08-05T16:01:42.007 回答
0

从上面的代码中，有两个问题。1. 应将约束添加到父视图（self.view 或 self.view.superview 视情况而定）。2. 作为 myConstraint 一部分的项目应该出现在您添加约束的视图层次结构中。

我的建议是检查您的 myConstraint 是否可以使用 _preView 和 self.view 形成，将 _preView 作为子视图添加到 self.view，然后将 myConstraint 添加到 self.view。

此外，理想情况下，约束应该放在-(void)updateConstraints视图中的方法中（如果您有自定义视图），并且[self setNeedsUpdateConstraints];每当您希望在视图上调用 updateConstraints 时（在初始化视图后、旋转后等），都应该在视图中调用。您不会直接调用 updateConstraints。

于 2013-08-05T14:53:45.513 回答
0

关于自动布局的东西很少。每当您添加布局约束时，请确保它没有歧义。不明确的布局会导致显示中出现未定义的行为。所以好主意是使用 IB，它永远不会让你创建一个模棱两可的布局，但你必须通过所有的约束来确保它们是有效的。

如果您想以编程方式执行此操作，我建议您使用Visual language。

在使用布局之前了解这些技巧会很有帮助。

于 2013-08-05T14:59:45.500 回答