菜鸟教程小白 发表于 2022-12-13 03:15:44

ios - NSLayoutConstraint subview 不会自动调整大小以适应容器 View


                                            <p><p>我有一个简单的布局,其中有一个从整个屏幕开始的 <code>containerView</code>。在内部,我有两个垂直 subview- <code>topView(绿色)、botView(橙色)</code>,它们需要相等的高度,并且应该具有 <code>containerView</code> 高度的 50%。</p>

<p>启动后,我从屏幕外从底部向上滑动 View (蓝色),导致 <code>containerView</code> 调整到较短的高度。 </p>

<p>我希望发生的是 <code>topView</code> 和 <code>botView</code> 都会变短,在 <code>containerView</code> 内保持它们的均匀高度,但是实际发生的是内部 View 没有调整大小,尽管有这样做的限制。</p>

<p> <img src="/image/T0g1I.png" alt="enter image description here"/> </p>

<p>因为这段代码有一些基于代码的约束,还有一些 IB 约束,<a href="http://cloud.coneybeare.net/QYy9" rel="noreferrer noopener nofollow">here</a>是一个示例项目,可以看到它的实际效果。这是被忽略的约束:</p>

<pre><code>NSLayoutConstraint *c1 = [NSLayoutConstraint constraintWithItem:self.topView
                                                      attribute:NSLayoutAttributeHeight
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:self.containerView
                                                      attribute:NSLayoutAttributeHeight
                                                   multiplier:0.5f
                                                       constant:0.f];
;
</code></pre>

<p>和调整大小的 View 代码:</p>

<pre><code>- (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));

      }];
    });

}
</code></pre>

<p>我在这里做错了什么?</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我很惊讶您正在为 View 设置 <code>frame</code>。通常在自动布局中,您可以通过更改约束 <code>constant</code> 而不是通过更改 <code>frame</code> 在 View 中滑动。</p>

<p>例如,假设您对容器 subview 的约束是这样定义的(为简单起见,由于两个 View 应该占据容器的 50%,最容易通过将两个 subview 定义为相同高度):</p>

<pre><code>|&#34; options:0 metrics:nil views:views]];
|&#34; options:0 metrics:nil views:views]];
|&#34; options:0 metrics:nil views:views]];
</code></pre>

<p>并且,为了简单起见,定义容器之间的关系, View 中的幻灯片与其父 View 的关系如下:</p>

<pre><code>|&#34; options:0 metrics:nil views:views]];
|&#34; options:0 metrics:nil views:views]];
|&#34; options:0 metrics:nil views:views]];

// set the slide in view&#39;s initial height to zero

NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:slideInView
                                                                  attribute:NSLayoutAttributeHeight
                                                                  relatedBy:NSLayoutRelationEqual
                                                                     toItem:nil
                                                                  attribute:NSLayoutAttributeNotAnAttribute
                                                                   multiplier:1.0
                                                                     constant:0.0];
;
</code></pre>

<p>然后,当您想在“幻灯片 View ”中滑动时,只需相应地对其高度的变化进行动画处理:</p>

<pre><code>heightConstraint.constant = 100;
[UIView animateWithDuration:1.0 animations:^{
    ;
}];
</code></pre>

<p>因此:</p>

<p> <img src="/image/bIULL.png" alt="two views"/> </p>

<p>现在,您也可以使用容器高度的 x% 来执行此操作,但您无法使用 VFL 轻松执行此操作,但它应该可以正常工作。您也可以通过为其顶部约束设置动画来滑入“ View 中的幻灯片”(但这很麻烦,因为您必须重新计算旋转的顶部约束,这是我不想在这个简单的模型中做的事情)。</p>

<p>但你明白了。只需将容器 View 的高度或底部约束定义为与 View 中的幻灯片相关,然后通过调整其约束为 View 中的幻灯片设置动画,如果您已正确定义所有约束,它将优雅地为所有更改幻灯片中 View 的约束后为 <code>layoutIfNeeded</code> 设置动画时,四个 View (容器、 View 中的幻灯片和容器的两个 subview )正确。</p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - NSLayoutConstraintsubview 不会自动调整大小以适应容器 View ,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/17977094/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/17977094/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - NSLayoutConstraint subview 不会自动调整大小以适应容器 View