自定义手风琴/可折叠UITableViewCell的自动布局

时间:2015-10-08 16:43:44

标签: swift uitableview autolayout interface-builder

我想构建一个TableView,当用户点击它扩展的单元格以显示更多信息时。我的问题是如何使用Autolayout来安排每个单元格中的多个项目。

每个单元格的大小始终相同,无论是否折叠,因此大小调整不是动态的。

我遇到的第一个问题是如何使用Autolayout来排列单元格中的所有项目。在Xcode 7之前,我成功使用了Autolayout,我将选择一个标签按钮视图进行排列,点击编辑器>对齐>落后/领先/顶级空间, ..等现在这已经变灰了,我不知道如何更换旧策略。

每个单元格都有两行项目。第一行显示所有时间,第二行仅显示崩溃。下面是细胞崩溃后细胞的外观图片:

enter image description here

第一行有点棘手,因为outlet1和outlet 2的大小可变。我希望'label'在label1之后,无论出口多长或多短。如目前所安排的,两者之间存在可变量的空间。

我想在第1行中实现的基本上与Venmo完全相同:

enter image description here

请注意'付费'如何符合第一行中两个名字的大小。

第二行有两个按钮和一个总是大小相同的插座。

总结一下 - 如何在UITableView for iphones4到6S中布局这些元素 - 然后如何将此单元格设为可折叠单元格?这些细胞的构建似乎是一个系统,而不是从整体上分离出来 - 这就是为什么这是一个由两部分组成的问题。

1 个答案:

答案 0 :(得分:1)

这是你想要实现的吗?

enter image description here