使用显示/更少按钮展开/折叠表格视图单元格

Question

我想创建一个表格视图，如下图所示。

表格视图单元格

并非所有单元格都有额外的值，但所有单元格都有标题说明。 单击“显示详细信息”按钮时，单元格将随着动画展开。 我有以下问题。

1. 是否需要设计2个单元格（一个单元格用于标题和描述，另一个单元格用于标题，描述和附加值）
2. 单击“显示详细信息”按钮时如何展开单元格。 一些单元格将仅具有描述，而某些单元格将具有描述和额外值。
3. 哪个会更有效？ 在这种情况下自动调整大小或自动布局。

任何建议都会有所帮助。

Answer 1

答案如下：

1. 不，这不对。 但是，如果您能显示没有“显示详细信息”按钮的单元格设计，我会说更准确的答案。 但基本上，我会说规则是“如果顶部相同，那么您可以对两个单元使用相同的设计”。 由于您要做的只是隐藏单元格的底部。 由于单元的高度较小，它将被隐藏。 但是：考虑到要使其精简，您可能不希望单元的多余底部被隐藏而无所事事。 因此， 理想情况下是有2个独立的单元格，但没有必要回答您的问题。

2. 在这里，您有2个问题：如何检查click +如何展开。 我将一一解释。

2.1。 如何检查单击：在单元格类中创建一个委托，该委托将告诉您的视图控制器已轻按了“显示详细信息”按钮，然后在视图控制器中展开该单元格。

2.2。 只需使用heightForCellAtIndexPath来调节单元格的高度。 如果展开，则将其增大，否则将其减小。 但是这里要点是，当调用委托方法时，您需要调用tableView.reloadRows(at:) ，在此您需要用动画重新加载单元格，并且它将用漂亮的动画扩展单元格。 顺便说一句，我更喜欢使用.fade动画。

3. 我想我已经在上面回答了这个问题，但是如果还不清楚，请告诉我。

希望能帮助到你。