自动布局确定子视图的大小

Question

我有一个 KSSection UIView 子类，我试图用它来折叠/展开不同的部分。它有一个名为 content 的子视图（由 IBOutlet 设置）。 content 的大小由多个大小可变的子视图（UILabel、UIImageView 等）决定。

目前，我将 content 的前导和尾随 space 固定到父 KSSection，将其垂直居中对齐，并添加一个 remove at runtime 约束content 和 section 的高度相等。如果我禁用 remove at runtime 一切正常 - 除了我无法折叠视图。

如何计算要用作 KSection 的 intrinsicContentSize 的 content 的大小？到目前为止，我有以下代码片段，但是对 intrinsicContentSize 的调用总是 returns UIViewNoIntrinsicMetric 两个属性。

@implementation SKContainer

- (CGSize)intrinsicContentSize
{
    if (self.collapsed) return CGSizeZero;
    else return [self.content intrinsicContentSize];
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    [self invalidateIntrinsicContentSize];
}

- (void)setCollapsed:(BOOL)collapsed
{
    if (_collapsed != collapsed)
    {
        _collapsed = collapsed;

        [self invalidateIntrinsicContentSize];
    }
}

@end

编辑：

很抱歉澄清它实际上是为 CGSize 的两个维度返回 UIViewNoIntrinsicMetric。

附加示例：http://cl.ly/2F3s3X3y2U1H

Answer 1

您在滥用 -intrinsicContentSize，无论是在调用它的原因上还是在尝试为您的视图实施它时 class。该方法用于将 "intrinsic" 的大小返回到其性质和内容。它不能依赖于其他视图，其他约束等。它也与视图的 current 大小无关，因为视图可以通过其他约束从其固有大小压缩或拉伸.

您应该使用约束来使您的视图取决于其折叠状态及其子视图的大小（由其他约束结合后代视图的固有大小（如果有的话）产生）。

例如，假设您希望您的视图在垂直方向上折叠，您可能有始终将内容子视图固定到顶部、前导和尾部边缘的约束。如果您的视图折叠，您将有一个约束使其高度为零。您不会将视图的底部限制为内容视图的底部。内容视图将具有其正常高度，但由于其父视图的高度为零，所有这些都将被剪掉。

另一方面，如果您的视图未折叠，您可以删除视图的高度限制并添加一个连接视图底部和内容视图底部的限制。

Answer 2

好的，所以我之前的回答是在不必要的轨道上。我最终做的是这样的：

首先，我完全删除了部分视图，只剩下普通的内容视图来扮演部分的角色。（剖面图只是增加了一层额外的复杂性。）然后我 将剖面图高度的优先级 降低到 250，并且运行项目。急！剖面视图现在完全由其中的标签约束自行展开。

其次，这是我折叠和展开的方式。我保留了两个约束的出口：截面高度约束和内部约束高度堆栈中的最后一个约束。然后我的 expand/collapse 代码如下所示：

- (IBAction)toggleButtonSelector:(id)sender
{
    self.collapsed = !self.collapsed;
    if (self.collapsed) {
        self.sectionHeightConstraint.constant = 10; // or whatever height you like
        self.sectionHeightConstraint.priority = 999;
        [NSLayoutConstraint deactivateConstraints:@[self.bottomInternalConstraint]];
    } else {
        self.sectionHeightConstraint.priority = 250;
        [NSLayoutConstraint activateConstraints:@[self.bottomInternalConstraint]];

    }
}

你看，我们需要克服内部堆栈约束让我们不断扩展的愿望，所以我们移除其中一个约束以折叠，我们将高度约束设置为一个小数字并提高它的高度优先事项。为了扩展，我们将其反转：我们恢复丢失的内部约束，并再次降低整体截面高度约束的优先级。

EDIT 这个实现的一个非常酷的副产品是我们现在可以通过在该方法的末尾附加这些代码行来制作 collapse/expand 效果的动画：

    [UIView animateWithDuration:1 animations:^{
        [self.view layoutIfNeeded];
    }];

Answer 3

使用@ken 和@matt 的解决方案我的最终代码（仍然使用 SKContainer）是：

@interface SKContainer ()

@property (nonatomic, strong) IBOutlet NSLayoutConstraint *expandedLayoutConstraint;
@property (nonatomic, strong) IBOutlet NSLayoutConstraint *collapsedLayoutConstraint;

@end

@implementation SKContainer

- (void)setCollapsed:(BOOL)collapsed
{
    if (_collapsed != collapsed)
    {
        _collapsed = collapsed;

        [self removeConstraint:collapsed ? self.expandedLayoutConstraint : self.collapsedLayoutConstraint];
        [self addConstraint:collapsed ? self.collapsedLayoutConstraint : self.expandedLayoutConstraint];
    }
}

@end

其中 expandedLayoutConstraint 是 content 视图的等高约束，collapsedLayoutConstraint 是高度 0 优先级 200 约束。

自动布局确定子视图的大小

Auto Layout Determine The Size of a Subview

objective-c

ios

autolayout