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

Question

假设我有三个标签，这些标签在一列中彼此并排放置。最上面的标签的顶部边缘固定到超级视图的顶部边缘。所有后续标签的上边缘都固定到先前标签的下边缘。所有标签的前缘和后缘都固定到超级视图的前缘和后缘。这是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!

将约束的初始常数存储到变量中（例如in 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

我正在使用这个UIView 类别来实现此目的。

它UIView通过添加另外两个属性命名fd_collapsed并fd_collapsibleConstraints使用 Objective-C 运行时框架进行扩展。fd_collapsed当属性设置为时，您只需拖动要禁用的约束即可YES。在幕后，它捕获这些约束的初始值，然后在fd_collapsed为 YES 时设置为零。为 NO时重置为初始值fd_collapsed。

还有一个属性叫做fd_autocollapsed

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

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

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