iOS怎么做流体布局

Question

从隐藏元素不再占用空间的意义上来说，在iOS中制作流畅布局的正确方法是什么？

我有一个表格视图，每个单元格中有一个定制的详细类型的视图，带有标题、副标题和一行额外信息:

额外信息最多可以是三对图标和一个带有值的标签。单元内所有视图的布局都是使用AutoLayout完成的，没有丢失或不明确的约束。

我想实现的是，当值为0时，图标和标签不会显示，右侧的视图会向左移动。

如果我只使用< code>setHidden:方法，隐藏部分的宽度不会改变，因此只有空白，但视图不会移动。示例:

它应该看起来像这样：

以下问题是相关的，但似乎不适合我的情况：

• 苹果手机上的流畅用户界面布局
• 使用隐藏的 UI 视图进行自动布局？

我试图遵循为需要设置为零的四个框架创建布局约束的方法：心形图标的宽度、包含值的标签的宽度、这些框架之间的空格以及标签和下一个图标之间的空格。这不起作用，因为我无法将布局约束绑定到代码中的出口，此外，对于应该是常见场景的东西来说，这似乎是一种麻烦的方法。

编辑:我修复了出口到约束的问题:为此，有必要为表格单元格创建一个子类，并为那里的约束创建出口。

对于“常见场景”，我指的是在网页设计中做类似的事情，其中将显示样式设置为无很简单，并且具有预期的效果。我希望在iOS中也有类似的简单方法。

我一直在考虑使用具有可重用单元格的集合视图，但是我需要设置一个委托和一个数据源等等，在我走这条路之前，我想确保这是正确的方法。

Answer 1

隐藏视图将保留其框架，因此自动布局将没有理由调整视图。正确的方法是从超级视图中删除视图。您必须做的最后一件事是仔细检查约束。由于您将删除视图，因此不能将这些视图用于自动布局。这将需要在 UI 上进行相当多的约束设置。

Answer 2

无需删除隐藏视图。将约束连接到代码中的出口，当您确定视图处于隐藏状态时，请从约束的常量中减去。然后，在单元格的准备中，请记住将约束的常量返回到正确的值。