小编rad*_*zan的帖子

我们有一个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.我也不知道实现这一目标的最佳方法,请指出正确的方向.

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

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

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

我制作了一个视频,演示了我想要完成的动画:就是这样.

请注意,视频说明了从侧面看到的操作.相机图标代表用户的POV.它基本上是通过比例变换完成的Z轴之间的平移模拟,同时沿X轴发生同步的两步3D旋转.

看起来和听起来很简单,对吗？错误.这是理想的代码,它不起作用:

[UIView animateWithDuration:0.4 delay:0.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
    view.transform = CGAffineTransformMakeScale(1.0, 1.0);
} completion:^(BOOL finished) {}];

[UIView animateWithDuration:0.2 delay:0.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
    CATransform3D rotation = CATransform3DIdentity;
    rotation.m34 = 1.0 / - 1800;
    rotation = CATransform3DRotate(rotation, - 20 * M_PI / 180.0f, 1, 0, 0);

    view.layer.transform = rotation;

} completion:^(BOOL finished) {
    [UIView animateWithDuration:0.2 delay:0.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        view.layer.transform = CATransform3DIdentity;

    } completion:^(BOOL finished) {}];
}];

事实证明,如果这样做,3D旋转将被完全忽略.我尝试过其他一些方法,但都失败了.

一些要求:

• 比例最好是a CGAffineTransform
• 容易应该如图所示,特别是在旋转时

当然,如果出现需要改变其中一些的解决方案,我可以适应.

在此先感谢您的帮助.如果您需要澄清,请询问.