在UICollectionView / UITableView中设置scrollView的偏移量会导致过早消失的单元格

我们有一个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添加为scrollView的子视图,一旦动画结束就将其删除。 听起来比以前的选择(内存方面,至少),但仍然有点hacky。 我也不知道实现这一目标的最佳方法,请指出我正确的方向。

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

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

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

我和#2一起去了。 这是渲染和存储的代码片段:

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

该方法的其余部分与我上面描述的非常相似,但有一点需要注意:这必须在实际使用图像之前和后台线程上完成,因为在iPhone 4上渲染最多可能需要1秒钟。希望这样帮助某人。

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

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

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

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