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. 对于您以编程方式创建的视图,请确保设置translatesAutoresizingMaskIntoConstraintsNO.

    因此:

    _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. 如果要为基于约束的视图设置动画,则可以为 的属性更改设置动画constantconstraints而不是自己更改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 回答