9

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

[ 1 ]
[*2*]
[ 3 ]

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

[ 2 ]
[*3*]
[ 4 ]

这里的问题是设置 UICollectionView 的偏移量。self.collectionView.contentOffset = targetOffset;我们目前将它与其他三个动画属性一起设置在 UIView 动画块（运行，甚至在延迟间隔完成之前。这绝对不理想。

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

  1. 荒谬地扩大 UICollectionView 的框架以适应五个单元格而不是三个单元格，从而迫使它将单元格保留在内存中，即使它们不在屏幕上。我试过这个并且它有效，但它听起来像一个非常肮脏的黑客。

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

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

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

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

4

3 回答 3

4

我和#2一起去了。这是执行渲染和存储的代码段：

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

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

于 2012-12-01T05:15:26.273 回答
3

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

UIView.animateWithDuration(0.3) { 
    self.collectionView.contentOffset = newOffset
    self.collectionView.reloadItemsAtIndexPaths(willDisappearIndexPaths)
}
于 2017-01-07T21:56:46.790 回答
-1

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

[UIView animateWithDuration:1
                      delay:0
                    options:UIViewAnimationOptionBeginFromCurrentState
                 animations:^{ }
                 completion:^(BOOL  completed){ } ];
于 2012-11-27T23:02:33.337 回答