在 UICollectionView/UITableView 中为滚动视图的偏移设置动画会导致单元格过早消失
Posted
技术标签:
【中文标题】在 UICollectionView/UITableView 中为滚动视图的偏移设置动画会导致单元格过早消失【英文标题】:Animating the offset of the scrollView in a UICollectionView/UITableView causes prematurely disappearing cells 【发布时间】:2012-11-26 20:42:31 【问题描述】:我们有一个 UICollectionView,其自定义布局与 UITableView 非常相似(它垂直滚动)。 UICollectionView 只同时显示 3 个单元格,其中一个是当前活动的单元格:
[ 1 ]
[*2*]
[ 3 ]
(这里的活动单元格是#2。)单元格大约 280 点高,因此只有活动单元格在屏幕上完全可见。用户不直接滚动视图进行导航,而是水平滑动活动单元格以前进到下一个单元格。然后我们做一些花哨的动画并滚动 UICollectionView 使下一个单元格处于“活动”位置,从而使其成为活动单元格,将旧单元格移开并调出队列中的下一个单元格:
[ 2 ]
[*3*]
[ 4 ]
这里的问题是设置 UICollectionView 的偏移量。我们目前将它与其他三个动画属性一起设置在 UIView 动画块 (self.collectionView.contentOffset = targetOffset;
) 中,这通常效果很好,但会导致第一个单元格(先前活动的单元格,在后一种情况下为 #2)消失动画开始运行,甚至在延迟间隔完成之前。这绝对不理想。
我已经想到了一些解决方案,但无法找出最好的解决方案:
荒谬地放大 UICollectionView 的框架以适应五个单元格而不是三个单元格,从而迫使它将单元格保留在内存中,即使它们不在屏幕上。我已经尝试过了,它可以工作,但它听起来像一个非常肮脏的黑客。
对消失的单元格的渲染内容进行快照,将其放入 UIImageView,将 UIImageView 添加为滚动视图的子视图,就在单元格消失之前与旧单元格完全相同的位置,删除一旦动画结束。听起来不像以前的选项那么糟糕(至少在记忆方面),但仍然有点 hacky。我也不知道实现这一点的最佳方法,请指出正确的方向。
切换到 UIScrollView 的setContentOffset:animated:
。我们实际上曾经有这个,它修复了消失的单元格问题,但与其他 UIView 动画并行运行显然会争夺主线程的注意力,从而在单核设备上创建一个非常不稳定的动画(iPhone 3GS/ 4)。它也不允许我们更改动画的持续时间或缓动,因此感觉与其余部分不同步。如果我们能找到一种方法让它与 UIView 块动画协调工作,仍然是一个选择。
切换到 UICollectionView 的 scrollToItemAtIndexPath:atScrollPosition:animated:
。还没有尝试过,但它有一个很大的缺点:目标滚动位置只需要 3 个可能的常量(至少适用于这种情况):UICollectionViewScrollPositionTop
、UICollectionViewScrollPositionCenteredVertically
和 UICollectionViewScrollPositionBottom
。活动单元格可以改变其高度,但它始终必须距窗口顶部 35 点,并且这些选项无法提供足够的控制来完成设计。它也可能与 3.1 一样有问题。仍然是一个选项,因为可能有一种方法可以绕过我不知道的滚动位置,并且它可能与主线程没有相同的问题,这似乎不太可能。
任何帮助将不胜感激。请询问您是否需要澄清。非常感谢!
【问题讨论】:
【参考方案1】:我选择了#2。这是进行渲染和存储的 sn-p:
UIGraphicsBeginImageContext(theCell.bounds.size);
[theCell.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *renderedCellImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
该方法的其余部分与我上面描述的差不多,但有一个警告:这必须在实际使用图像之前在后台线程上完成,因为在 iPhone 4 上渲染可能需要 1 整秒. 希望这对某人有所帮助。
【讨论】:
【参考方案2】:我通过在动画块中设置内容偏移后立即重新加载单元格来保持可见。
UIView.animateWithDuration(0.3)
self.collectionView.contentOffset = newOffset
self.collectionView.reloadItemsAtIndexPaths(willDisappearIndexPaths)
【讨论】:
【参考方案3】:LongShot:尝试将 UIView 动画块选项设置为 UIViewAnimationOptionBeginFromCurrentState。
[UIView animateWithDuration:1
delay:0
options:UIViewAnimationOptionBeginFromCurrentState
animations:^
completion:^(BOOL completed) ];
【讨论】:
感谢您的回答。事实证明,该块已经有该选项,似乎没有什么不同。 这对我也没有帮助。以上是关于在 UICollectionView/UITableView 中为滚动视图的偏移设置动画会导致单元格过早消失的主要内容,如果未能解决你的问题,请参考以下文章
在 React 应用程序中在哪里转换数据 - 在 Express 中还是在前端使用 React?