ios - 缩放整个 UICollectionView

Question

我有一个 iPad 应用程序，我在其中使用 UICollectionView，每个 UICollectionViewCell 仅包含一个 UIImage。目前我每页显示 9 个 UIImage(3 行 * 3 列)，我有几个页面。

我想使用捏合手势放大整个 UICollectionView 以增加/减少每页显示的行数/列数，最好是在捏合手势期间有漂亮的缩放动画!

目前，我在我的 UICollectionView 上添加了一个捏合手势。我捕捉到 Pinch Gesture 事件以使用比例因子计算行/列的数量，如果它发生了变化，那么我使用以下方法更新完整的 UICollectionView:

[_theCollectionView performBatchUpdates:^{
     [_theCollectionView deleteSections:[NSIndexSet indexSetWithIndex:0]];
     [_theCollectionView insertSections:[NSIndexSet indexSetWithIndex:0]];
 } completion:nil];

它有效，但我在过渡期间没有流畅的动画。

有什么想法吗？ UICollectionView 继承自 UIScrollView，是否有可能重新使用 UIScrollView 的捏合手势功能来达到我的目的？

Answer 1

我假设您使用的是默认的 UICollectionViewDelegateFlowLayout，对吗？然后确保您相应地响应委托(delegate)方法，并且当捏合手势发生时，只需使布局无效。

例如，如果我想调整每个项目的大小，同时捏:

@interface ViewController () <UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout>

@property (nonatomic,assign) CGFloat scale;
@property (nonatomic,weak)   IBOutlet UICollectionView *collectionView;

@end

@implementation ViewController
- (void)viewDidLoad
{
    [super viewDidLoad];

    self.scale = 1.0;

    [self.collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cell"];

    UIPinchGestureRecognizer *gesture = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(didReceivePinchGesture:)];
    [self.collectionView addGestureRecognizer:gesture];

}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    return CGSizeMake(50*self.scale, 50*self.scale);
}

- (void)didReceivePinchGesture:(UIPinchGestureRecognizer*)gesture
{
    static CGFloat scaleStart;

    if (gesture.state == UIGestureRecognizerStateBegan)
    {
        scaleStart = self.scale;
    }
    else if (gesture.state == UIGestureRecognizerStateChanged)
    {
        self.scale = scaleStart * gesture.scale;
        [self.collectionView.collectionViewLayout invalidateLayout];
    }
}

属性 self.scale 只是为了展示，你可以将这个相同的概念应用到任何其他属性，这不需要 beginUpdates/endUpdates 因为用户自己携带了时间规模。

Here's a running project ，以防您想看到它的实际效果。