iOS Autolayout：如何显示/隐藏包含边距的视图？答案

【问题标题】：iOS Autolayout: How to show / hide a view including its margins?iOS Autolayout：如何显示/隐藏包含边距的视图？
【发布时间】：2019-08-26 09:23:39
【问题描述】：

假设如下，简单的布局：

是否可以仅使用约束/自动布局来隐藏包括其边距在内的红色视图？

设置redView.isHidden = true 将隐藏红色视图但不会改变蓝色视图的位置。蓝色视图将保持在与红色视图可见时相同的位置。
使用redView.removeFromSuperview() 完全删除红色视图将显示所需的结果。由于它对绿色视图的可选间距限制，蓝色视图将移动到红色视图所在的位置。然而，重新显示红色视图会非常困难，因为它的所有约束都必须从头开始设置。

在 Android 中，将可见性设置为 View.INVISIBLE 只是隐藏了一个视图（如这里描述的第一种情况），而 View.GONE 呈现剩余的布局，就好像视图根本不存在一样。

这可以在 iOS 上仅使用约束/自动布局来完成吗？

当然，我可以通过手动操作约束并在代码中设置新约束来实现相同的购买。但问题是，有没有像 Android 那样更方便的解决方案？

【问题讨论】：

【解决方案1】：

VerticalStackView 似乎符合您的要求。您可以在堆栈视图中包含所有视图并直接在其上设置间距。然后，如果其中一个视图被隐藏，堆栈视图会自动调整所有约束。

看看图片：

【讨论】：

【解决方案2】：

如果可能，请将您的视图包装在垂直的UIStackView 中。然后，您可以单独的视图和其他视图将按预期重新排列。您也不需要在项目之间添加约束，因为 stackview 处理视图之间的间距。

【讨论】：

【解决方案3】：

最简单的方法是将视图嵌入到 StackView 中，当其中一个被隐藏时，下面的一个将向上移动到它的位置。请按以下步骤操作：

关于约束，你可以为 StackView 设置它们，对于垂直的，只需在 StackView 中设置相等的间距和空间属性。

结果：

【讨论】：