在 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 个可能的常量(至少适用于这种情况):UICollectionViewScrollPositionTopUICollectionViewScrollPositionCenteredVerticallyUICollectionViewScrollPositionBottom。活动单元格可以改变其高度,但它始终必须距窗口顶部 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?

存储在 plist 中的数据在模拟器中有效,但在设备中无效

如何在保存在 Mongoose (ExpressJS) 之前在模型中格式化数据

如何在保存在 Mongoose (ExpressJS) 之前在模型中格式化数据