在UICollectionView上动态设置布局会导致莫名其妙的内容偏移变化

Question

根据Apple的留档（并在WWDC 2012上吹捧），可以在UICollectionView上动态设置布局，甚至可以为更改设置动画：

通常在创建集合视图时指定布局对象，但是也可以动态更改集合视图的布局。layout对象存储在collectionViewLayout属性中。直接设置此属性会立即更新布局，而不会以动画形式显示更改。如果要以动画形式显示更改，必须改为调用setCollectionViewLayout:animated:方法。

然而，在实践中，我发现< code>UICollectionView对< code>contentOffset进行了莫名其妙甚至无效的更改，导致单元格移动不正确，使该功能实际上不可用。为了说明这个问题，我将下面的示例代码放在一起，这些代码可以附加到一个默认的集合视图控制器中，并放入一个故事板中:

#import <UIKit/UIKit.h>

@interface MyCollectionViewController : UICollectionViewController
@end

@implementation MyCollectionViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    [self.collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"CELL"];
    self.collectionView.collectionViewLayout = [[UICollectionViewFlowLayout alloc] init];
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return 1;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    UICollectionViewCell *cell = [self.collectionView dequeueReusableCellWithReuseIdentifier:@"CELL" forIndexPath:indexPath];
    cell.backgroundColor = [UIColor whiteColor];
    return cell;
}

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
    NSLog(@"contentOffset=(%f, %f)", self.collectionView.contentOffset.x, self.collectionView.contentOffset.y);
    [self.collectionView setCollectionViewLayout:[[UICollectionViewFlowLayout alloc] init] animated:YES];
    NSLog(@"contentOffset=(%f, %f)", self.collectionView.contentOffset.x, self.collectionView.contentOffset.y);
}

@end

控制器在viewDidLoad中设置默认UICollectionViewFlowLayout并在屏幕上显示单个单元格。选择单元格后，控制器会创建另一个默认UICollectionViewFlowLayout，并在集合视图上使用动画设置：YESflag。预期的行为是单元格不移动。然而，实际的行为是单元格滚动出屏幕，此时甚至无法将单元格滚动回屏幕。

查看控制台日志会发现内容Offset莫名其妙地发生了变化（在我的项目中，从（0，0）到（0，205））。我发布了非动画案例的解决方案（即动画：NO），但由于我需要动画，我非常想知道是否有人有动画案例的解决方案或解决方法。

顺便说一下，我已经测试了自定义布局，得到了相同的行为。

Answer 1

假设您的“汽车”视图有许多布局。

假设你有三个。

CarsLayout1: UICollectionViewLayout { ...
CarsLayout2: UICollectionViewLayout { ...
CarsLayout3: UICollectionViewLayout { ...

当你在布局之间动画时，它会跳。

这只是苹果犯下的一个不可否认的错误。毫无疑问，当您设置动画时，它会跳起来。

解决办法是这样的：

您必须具有全局浮点数，以及以下基类：

var avoidAppleMessupCarsLayouts: CGPoint? = nil

class FixerForCarsLayouts: UICollectionViewLayout {
    
    override func prepareForTransition(from oldLayout: UICollectionViewLayout) {
        avoidAppleMessupCarsLayouts = collectionView?.contentOffset
    }
    
    override func targetContentOffset(
        forProposedContentOffset proposedContentOffset: CGPoint) -> CGPoint {
        if avoidAppleMessupCarsLayouts != nil {
            return avoidAppleMessupCarsLayouts!
        }
        return super.targetContentOffset(forProposedContentOffset: proposedContentOffset)
    }
}

以下是“汽车”屏幕的三个布局：

CarsLayout1: FixerForCarsLayouts { ...
CarsLayout2: FixerForCarsLayouts { ...
CarsLayout3: FixerForCarsLayouts { ...

就是这样。它现在工作了。

>

令人难以置信的是，你可能有不同的布局“集”（对于汽车，狗，房子等），它们可能会（可以想象）碰撞。因此，对于每个“集”，请像上面这样有一个全局类和一个基类。

这是多年前由路过的用户@Isaacliu发明的。

一个细节，艾萨克留的代码片段中的FWIW，最终确定了布局传输被添加。事实上，这在逻辑上是没有必要的。

事实是，在Apple改变其工作方式之前，每次在集合视图布局之间进行动画处理时，您都必须这样做。这就是生活！

Answer 2

几天来，我一直在为这个问题苦恼，并找到了一个可能有所帮助的解决方案。就我而言，我有一个折叠的照片布局，就像ipad上的照片应用程序一样。它显示相册，照片相互叠加，当你点击相册时，它会展开照片。所以我有两个独立的UICollectionViewLayout，我用[self.collectionViewsetCollection ViewLayout： myLayout Animated： YES]在动画之前，我遇到了单元格跳跃的确切问题，并意识到这是内容偏移。我用content Offset尝试了所有方法，但它仍然在动画中跳跃。泰勒上面的解决方案有效，但它仍然在扰乱动画。

然后我注意到，只有当屏幕上有几张专辑时，才会出现这种情况，而这些专辑还不足以填满屏幕。我的布局根据建议覆盖-（CGSize）collectionViewContentSize。当只有几个相册时，集合视图内容大小小于视图内容大小。当我在集合布局之间切换时，这会导致跳转。

所以我在我的布局上设置了一个名为minHeight的属性，并将其设置为集合视图父级的高度。然后我在返回-（CGSize）Collection ViewContentSize之前检查高度，我确保高度为

不是一个真正的解决方案，但它现在工作正常。我会尝试将集合视图的content Size设置为至少是它包含视图的长度。

如果您从UICollectionViewFlowLayout继承，Manicaesar添加了一个简单的解决方法:

-(CGSize)collectionViewContentSize { //Workaround
    CGSize superSize = [super collectionViewContentSize];
    CGRect frame = self.collectionView.frame;
    return CGSizeMake(fmaxf(superSize.width, CGRectGetWidth(frame)), fmaxf(superSize.height, CGRectGetHeight(frame)));
}

Answer 3

UICollectionViewLayout 包含可重写方法目标内容偏移对于提议内容偏移：它允许您在布局更改期间提供正确的内容偏移量，这将正确设置动画。这在 iOS 7.0 及更高版本中可用