Ios NSLayoutConstraint子视图不会自动调整大小以适应容器视图

我有一个简单的布局，其中有一个从整个屏幕开始的containerView。在内部，我有两个垂直子视图-topView绿色和botView橙色，它们需要相等的高度，并且应该具有containerView高度的50%

启动后，我从屏幕外从底部向上滑动蓝色视图，使containerView的大小调整到较短的高度

我期望发生的是topView和botView都会变短，在containerView中保持其均匀的高度，但实际发生的是内部视图没有调整大小，尽管有这样做的约束

因为这段代码有一些基于代码的约束，还有一些IB约束，所以它是一个示例项目，可以看到它的实际应用。这是被忽略的约束：

NSLayoutConstraint *c1 = [NSLayoutConstraint constraintWithItem:self.topView
                                                      attribute:NSLayoutAttributeHeight
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:self.containerView
                                                      attribute:NSLayoutAttributeHeight
                                                     multiplier:0.5f
                                                       constant:0.f];
[self.containerView addConstraint:c1];

和“调整视图大小”代码：

- (void)resizeViews {

    __weak UAViewController *weakSelf = self;
    dispatch_async(dispatch_get_main_queue(), ^{
        [UIView animateWithDuration:0.25 animations:^{
            weakSelf.slideInView.frame = CGRectMake(CGRectGetMinX(weakSelf.view.bounds),
                                                    CGRectGetMaxY(weakSelf.view.bounds) - CGRectGetHeight(weakSelf.slideInView.frame),
                                                    CGRectGetWidth(weakSelf.view.bounds),
                                                    CGRectGetHeight(weakSelf.slideInView.frame));

            weakSelf.containerView.frame = CGRectMake(CGRectGetMinX(weakSelf.view.bounds),
                                                      CGRectGetMinY(weakSelf.view.bounds),
                                                      CGRectGetWidth(weakSelf.view.bounds),
                                                      CGRectGetMaxY(weakSelf.view.bounds) - CGRectGetHeight(weakSelf.slideInView.frame));

        }];
    });

}

---

我在这里做错了什么？

我很惊讶你为视图设置了框架。通常，在“自动布局”中，您可以通过更改约束常量而不是更改帧在视图中滑动

例如，为了简单起见，假设容器子视图的约束是这样定义的，因为这两个视图应该占据容器的50%，通过将两个子视图定义为相同高度最容易实现：

[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[topView][botView(==topView)]|" options:0 metrics:nil views:views]];
[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[topView]|" options:0 metrics:nil views:views]];
[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[botView]|" options:0 metrics:nil views:views]];

为了保持简单，请定义容器、幻灯片视图与其superview之间的关系，如下所示：

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

// set the slide in view's initial height to zero

NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:slideInView
                                                                    attribute:NSLayoutAttributeHeight
                                                                    relatedBy:NSLayoutRelationEqual
                                                                       toItem:nil
                                                                    attribute:NSLayoutAttributeNotAnAttribute
                                                                   multiplier:1.0
                                                                     constant:0.0];
[self.view addConstraint:heightConstraint];

然后，如果要在“幻灯片视图”中滑动，只需相应地设置其高度变化的动画：

heightConstraint.constant = 100;
[UIView animateWithDuration:1.0 animations:^{
    [self.view layoutIfNeeded];
}];

因此：

现在，您也可以使用容器高度的x%来实现这一点，但是使用VFL很难做到这一点，但它应该可以正常工作。你也可以通过设置顶部约束的动画在幻灯片视图中滑动，但这是一个麻烦，因为你必须重新计算旋转的顶部约束，这是我不想在这个简单的模型中做的

---

但你明白了。只需将容器视图的高度或底部约束定义为与幻灯片视图相关，然后通过调整其约束来设置幻灯片视图的动画，如果您正确定义了所有约束，它将优雅地设置容器、幻灯片视图的所有四个视图的动画，在更改“幻灯片插入”视图的约束后设置所需的布局动画时，容器的两个子视图将正确显示。

我很惊讶您为视图设置了帧。通常，在“自动布局”中，您可以通过更改约束常量而不是更改帧在视图中滑动

例如，为了简单起见，假设容器子视图的约束是这样定义的，因为这两个视图应该占据容器的50%，通过将两个子视图定义为相同高度最容易实现：

[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[topView][botView(==topView)]|" options:0 metrics:nil views:views]];
[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[topView]|" options:0 metrics:nil views:views]];
[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[botView]|" options:0 metrics:nil views:views]];

为了保持简单，请定义容器、幻灯片视图与其superview之间的关系，如下所示：

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

// set the slide in view's initial height to zero

NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:slideInView
                                                                    attribute:NSLayoutAttributeHeight
                                                                    relatedBy:NSLayoutRelationEqual
                                                                       toItem:nil
                                                                    attribute:NSLayoutAttributeNotAnAttribute
                                                                   multiplier:1.0
                                                                     constant:0.0];
[self.view addConstraint:heightConstraint];

然后，如果要在“幻灯片视图”中滑动，只需相应地设置其高度变化的动画：

heightConstraint.constant = 100;
[UIView animateWithDuration:1.0 animations:^{
    [self.view layoutIfNeeded];
}];

因此：

现在，您也可以使用容器高度的x%来实现这一点，但是使用VFL很难做到这一点，但它应该可以正常工作。你也可以通过设置顶部约束的动画在幻灯片视图中滑动，但这是一个麻烦，因为你必须重新计算旋转的顶部约束，这是我不想在这个简单的模型中做的

---

但你明白了。只需将容器视图的高度或底部约束定义为与幻灯片视图相关，然后通过调整其约束来设置幻灯片视图的动画，如果您正确定义了所有约束，它将优雅地设置容器、幻灯片视图的所有四个视图的动画，在更改幻灯片中视图的约束后设置所需布局的动画时，容器的两个子视图将正确显示。

顺便问一下，为什么要在ResizeView中执行dispatch\u async？这是不必要的，除非您是从其他队列调用它，如果您这样做，我会感到惊讶。但这是没有意义的，因为如果你在做自动布局，你根本不应该乱搞框架属性。修改您的约束，并让约束引擎进行适当的帧更改。正在从此调试应用程序的计时器线程调用dispatch_async。顺便问一下，为什么要在ResizeView中执行dispatch_async？这是不必要的，除非您是从其他队列调用它，如果您这样做，我会感到惊讶。但这是没有意义的，因为如果你在做自动布局，你根本不应该乱搞框架属性。修改您的约束，并让约束引擎进行适当的帧更改。正在从此调试应用程序的计时器线程调用dispatch_async。您所说的有道理，我已将更改应用于我的项目，但我无法复制您的屏幕截图?