当文本为零时，如何轻松折叠标签周围的垂直空间？

Question

假设我有三个标签在一列中彼此下面排列。最上面的标签的上边缘固定在superview的上边缘。所有后续标签的上边缘都固定在前一个标签的下边缘。所有标签的前缘和后缘都固定在superview的前缘和后缘。这是它在Interface Builder中的样子（我在每个标签上添加了蓝色背景以显示其范围）。

在模拟器中，结果如下所示。

所有标签都连接到视图控制器中的插座。

@IBOutlet weak var label1: UILabel!
@IBOutlet weak var label2: UILabel!
@IBOutlet weak var label3: UILabel!

当我将label2的文字设为nil

时

label2.text = nil

标签本身崩溃。

但是，标签周围的顶部和底部空间不会折叠。事实上，最后一个屏幕截图中的中间标签上没有蓝色背景。因此，label1和label3之间的空间是第一个屏幕截图中布局空间的两倍。

我的问题是 - iOS8上的 - 最简单的方法是折叠中间标签的顶部或底部空间，以便剩下的两个标签仍然使用原始布局中定义的垂直间距？要清楚，这是我想要达到的结果。

到目前为止我找到的选项：

底部/顶部间距约束出口

为中间标签的顶部或底部间距约束定义出口。

@IBOutlet weak var spacingConstraint: NSLayoutConstraint!

将约束的初始常量存储到变量中（例如，在awakeFromNib或viewDidLoad中）。

private var initialSpacing: CGFloat!

override func viewDidLoad() {
    initialSpacing = spacingConstraint.constant
    ...

当文本设置为nil时，将约束的常量设置为零，或者当文本不是nil时，将约束的常量设置为初始值。

spacingConstraint.constant = label2.text == nil ? 0 : initialSpacing

这种方法有点笨拙，因为它需要两个额外的变量。

高度约束出口

将中间标签周围的垂直间距设置为零，并将其高度增加相同的量。定义高度约束的出口并按上述步骤操作，在文本为nil时将高度设置为零，并在高度不是nil时将高度设置为初始值。

这仍然像以前的方法一样笨拙。此外，您必须对间距进行硬编码，并且不能使用内置的默认间距（“接口”构建器中的空白字段）。

UIStackView

这不是一个选项，因为UIStackView仅适用于iOS 9及更高版本。

Answer 1

我正在使用this UIView类别。

它通过使用objective-c运行时框架添加另外两个名为UIView和fd_collapsed的属性来扩展fd_collapsibleConstraints。您只需拖动要在fd_collapsed属性设置为YES时禁用的约束。在场景后面，它捕获这些约束的初始值，然后在fd_collapsed为YES时设置为零。 fd_collapsed为NO时重置为初始值。

还有另一个名为fd_autocollapsed

的属性

  

并非每个视图都需要添加宽度或高度约束，UILabel，UIImageView等视图在其中包含内容时具有其内在内容大小。对于这些视图，我们提供了一个自动折叠属性，当其内容消失时，所选约束将自动折叠。

只要指定的视图包含要显示的内容，此属性就会自动将fd_collapsed属性设置为YES。

使用起来非常简单。有点遗憾的是，没有这样的内置解决方案。

Answer 2

您的解决方案对我来说已经足够了，我可以做Bottom / Top Spacing Constraint Outlet解决方案，但是因为您需要不同的东西。您可以使用此第三方：https://github.com/orta/ORStackView它具有iOS7 +支持，可以完全满足您的需求。

Answer 3

这是低调的，所有完美主义者的开发人员在尝试堆叠一堆标签时都会了解到。解决方案可能变得太冗长，烦人，难以实现（即，保持对顶级约束的引用……如果您多次执行，或者只是更改标签的顺序，就会变得烦人）

希望下面的代码结束了这一点：

class MyLabel: UILabel {

    var topPadding: CGFloat = 0

    override func drawText(in rect: CGRect) {
        var newRect = rect
        newRect.origin.y += topPadding/2

        super.drawText(in: newRect)
    }

    override var intrinsicContentSize: CGSize {
        var newIntrisicSize = super.intrinsicContentSize

        guard newIntrisicSize != .zero else {
            return .zero
        }

        newIntrisicSize.height += topPadding
        return newIntrisicSize
    }

}

用法：

let label = MyLabel()
label.topPadding = 10    
// then use autolayout to stack your labels with 0 offset

已授予，仅用于顶部填充，但这应该是正确布局标签的唯一操作。无论有没有自动布局，它都可以很好地工作。同样，做一个简单的事情也不需要做任何额外的心理体操，这是一个很大的好处。享受吧！