如何使用自动布局设置UITableViewCell高度的动画？

Question

关于UITableViewCell高度动画，在堆栈溢出方面有很多类似的问题，但对于新的iOS8自动布局驱动的表视图，这些问题都不起作用。我的问题：

自定义单元格：

@property (weak, nonatomic) IBOutlet iCarousel *carouselView;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;
@property (weak, nonatomic) IBOutlet UIButton *seeAllButton;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *carouselHeightConstraint;

注意旋转木马高度限制。这是内容视图的子视图（唯一的子视图）的高度约束。

然后，在“查看我要展开的所有操作”单元上，我的代码：

- (IBAction)seeAllButtonAction:(id)sender {
  
  BOOL vertical = !self.carouselCell.carouselView.vertical;
  self.carouselCell.carouselView.type = vertical ? iCarouselTypeCylinder : iCarouselTypeLinear;
  self.carouselCell.carouselView.vertical = vertical;

  [UIView transitionWithView:self.carouselCell.carouselView
                    duration:0.2
                     options:0
                  animations:^{
  
    self.carouselCell.carouselHeightConstraint.constant = vertical ? CGRectGetHeight(self.tableView.frame) : 230;
    [self.carouselCell setNeedsUpdateConstraints];
    [self.carouselCell updateConstraintsIfNeeded];
    [self.tableView beginUpdates];
    [self.tableView endUpdates];

                  completion:^(BOOL finished) {
                  }];
}

如您所见，我尝试使用这个很好的旧解决方案：
您可以在选中UITableViewCell时设置高度更改的动画吗？

结果是：

我的手机缩小到44.0华氏度。

为什么会这样？我希望看到我的细胞用自动布局的魔法顺利扩展。

注意：
我不想使用-tableView:heightForRowAtIndexPath:。现在是自动布局时代，对吗？

Answer 1

我想对亚历克斯的回答补充几点。

如果您在cell ForRowAtIndexPath或will DisplayCell中调用起始更新和终止更新，您的应用程序将崩溃。对单元格的增加进行动画处理后，您可能希望它在滚动到表格视图后保持不变。您可能还希望其余单元格保持其高度不变。但请记住，单元格是可重用的，因此您最终可能会看到其他单元格的高度增加。

因此，您必须在cell ForRowAtIndexPath中设置约束常量，具体取决于它所代表的项目。但是如果您之后调用layoutIfNeed，它将显示带有您的约束的警告。我相信它会尝试在计算其新高度之前生成单元格布局。

public func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
...
    myConstraint.constant = itemForCell.value == "x" ? 50 : 20 // stop right here
    cell.layoutIfNeeded() <- don't do this or some of your constraints will break
    beginUpdates() <-- if you do this your app will crash
    endUpdates() <-- same here

Answer 2

以下几点对我有用：

准备：

>

在viewDidLoad上，告诉表格视图使用自调整大小的单元格：

tableView.rowHeight = UITableViewAutomaticDimension;
tableView.estimatedRowHeight = 44; // Some average height of your cells

像往常一样添加约束，但要将它们添加到单元格的内容视图中！

设置高度更改动画：

假设您更改约束的常量：

myConstraint.constant = newValue;

。。。或者添加/删除约束。

要设置此更改的动画，请按以下步骤进行：

>

[UIView animateWithDuration: 0.3 animations: ^{ [cell.contentView layoutIfNeeded] }]; // Or self.contentView if you're doing this from your own cell subclass

然后用动画告诉表格视图对高度变化做出反应

[tableView beginUpdates];
[tableView endUpdates];

第一步0.3的持续时间似乎是UITableView在调用开始/结束更新时为其动画使用的持续时间。

奖励-更改高度而无需动画，也无需重新加载整个表格：

如果您想做与上述相同的事情，但没有动画，请改为这样做：

[cell.contentView layoutIfNeeded];
[UIView setAnimationsEnabled: FALSE];
[tableView beginUpdates];
[tableView endUpdates];
[UIView setAnimationsEnabled: TRUE];

总结：

// Height changing code here:
// ...

if (animate) {
    [UIView animateWithDuration: 0.3 animations: ^{ [cell.contentView layoutIfNeeded]; }];
    [tableView beginUpdates];
    [tableView endUpdates];
}
else {
    [cell.contentView layoutIfNeeded];
    [UIView setAnimationsEnabled: FALSE];
    [tableView beginUpdates];
    [tableView endUpdates];
    [UIView setAnimationsEnabled: TRUE];
}

您可以查看我的一个单元格实现，当用户在此处选择它时，它会扩展（纯Swift