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

Question

假设我在一列中将三个标签排列在彼此下方。最上面的标签的上边缘被固定到父 View 的上边缘。所有后续标签的顶部边缘都固定到前面标签的底部边缘。所有标签的前缘和后缘都固定到父 View 的前缘和后缘。这是它在 Interface Builder 中的样子(我在每个标签上添加了蓝色背景以可视化其范围)。

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

所有标签都连接到 View Controller 中的 socket 。

@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 时设置为初始值。

这仍然和以前的方法一样笨拙。此外，您必须对间距进行硬编码，并且不能使用内置的默认间距(Interface builder 中的空白字段)。

UIStackView

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

Answer 1

我正在使用 this用于此目的的 UIView 类别。

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

还有另一个属性叫做fd_autocollapsed

Not every view needs to add a width or height constraint, views like UILabel, UIImageView have their Intrinsic content size when they have content in it. For these views, we provide a Auto collapse property, when its content is gone, selected constraints will collapse automatically.

每当指定的 View 有内容要显示时，此属性会自动将 fd_collapsed 属性设置为 YES。

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