在 UICollectionView/UITableView 中为滚动视图的偏移设置动画会导致单元格过早消失

Question

我们有一个 UICollectionView，其自定义布局与 UITableView 非常相似（它垂直滚动）。 UICollectionView 只同时显示 3 个单元格，其中一个是当前活动的单元格：

[ 1 ]
[*2*]
[ 3 ]

（这里的活动单元格是#2。）单元格大约 280 点高，因此只有活动单元格在屏幕上完全可见。用户不直接滚动视图进行导航，而是水平滑动活动单元格以前进到下一个单元格。然后我们做一些花哨的动画并滚动 UICollectionView 使下一个单元格处于“活动”位置，从而使其成为活动单元格，将旧单元格移开并调出队列中的下一个单元格：

[ 2 ]
[*3*]
[ 4 ]

这里的问题是设置 UICollectionView 的偏移量。我们目前将它与其他三个动画属性一起设置在 UIView 动画块 (self.collectionView.contentOffset = targetOffset;) 中，这通常效果很好，但会导致第一个单元格（先前活动的单元格，在后一种情况下为 #2）消失动画开始运行，甚至在延迟间隔完成之前。这绝对不理想。

我已经想到了一些解决方案，但无法找出最好的解决方案：

1. 荒谬地放大 UICollectionView 的框架以适应五个单元格而不是三个单元格，从而迫使它将单元格保留在内存中，即使它们不在屏幕上。我已经尝试过了，它可以工作，但它听起来像一个非常肮脏的黑客。

2. 对消失的单元格的渲染内容进行快照，将其放入 UIImageView，将 UIImageView 添加为滚动视图的子视图，就在单元格消失之前与旧单元格完全相同的位置，删除一旦动画结束。听起来不像以前的选项那么糟糕（至少在记忆方面），但仍然有点 hacky。我也不知道实现这一点的最佳方法，请指出正确的方向。

3. 1. 切换到 UIScrollView 的setContentOffset:animated:。我们实际上曾经有这个，它修复了消失的单元格问题，但与其他 UIView 动画并行运行显然会争夺主线程的注意力，从而在单核设备上创建一个非常不稳定的动画（iPhone 3GS/ 4）。它也不允许我们更改动画的持续时间或缓动，因此感觉与其余部分不同步。如果我们能找到一种方法让它与 UIView 块动画协调工作，仍然是一个选择。

   2. 切换到 UICollectionView 的 scrollToItemAtIndexPath:atScrollPosition:animated:。还没有尝试过，但它有一个很大的缺点：目标滚动位置只需要 3 个可能的常量（至少适用于这种情况）：UICollectionViewScrollPositionTop、UICollectionViewScrollPositionCenteredVertically 和 UICollectionViewScrollPositionBottom。活动单元格可以改变其高度，但它始终必须距窗口顶部 35 点，并且这些选项无法提供足够的控制来完成设计。它也可能与 3.1 一样有问题。仍然是一个选项，因为可能有一种方法可以绕过我不知道的滚动位置，并且它可能与主线程没有相同的问题，这似乎不太可能。

任何帮助将不胜感激。请询问您是否需要澄清。非常感谢！

Answer 1

我选择了#2。这是进行渲染和存储的 sn-p：

UIGraphicsBeginImageContext(theCell.bounds.size);
[theCell.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *renderedCellImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

该方法的其余部分与我上面描述的差不多，但有一个警告：这必须在实际使用图像之前在后台线程上完成，因为在 iPhone 4 上渲染可能需要 1 整秒. 希望这对某人有所帮助。

Answer 2

我通过在动画块中设置内容偏移后立即重新加载单元格来保持可见。

UIView.animateWithDuration(0.3) { 
    self.collectionView.contentOffset = newOffset
    self.collectionView.reloadItemsAtIndexPaths(willDisappearIndexPaths)
}

Answer 3

LongShot：尝试将 UIView 动画块选项设置为 UIViewAnimationOptionBeginFromCurrentState。

[UIView animateWithDuration:1
                      delay:0
                    options:UIViewAnimationOptionBeginFromCurrentState
                 animations:^{ }
                 completion:^(BOOL  completed){ } ];