只有当捏住单元格的UIImageView时，才能放大/缩小UICollectionView自定义单元格中的imageView吗？

Question

我有一个CollectionView，它有一个自定义单元格。

我想放大/缩小单元格中的imageView，所以我在CollectionView.m View.m上添加了夹点手势

当我向self.collectionView添加手势时，如下所示：

[self.collectionView addGestureRecognizer:pinchGesture];

它起作用了!我的cell.imageView可以放大/缩小，但是当我捏到其他地方时(不是在单元格的imageView中，我的cell.imageView仍然用手势放大/缩小)，我希望cell.imageView在用户捏cell.imageView时放大/缩小，所以我尝试使用以下代码添加手势：

[cell.imageView addGestureRecognizer:pinchGesture];

但不幸的是它不起作用。当我捏牢手机的imageView时什么都不会发生。

所以我的问题是，只有当用户捏住单元格的imageView时，才有可能放大/缩小单元格的imageView？不是别的地方。

Answer 1

​

集合视图单元

//cell.h

#import <UIKit/UIKit.h>

@interface Cell : UICollectionViewCell

@property (weak, nonatomic) IBOutlet UIScrollView *scrollview;
@property (weak, nonatomic) IBOutlet UIImageView *imageview;

- (void)setup;

@end


//cell.m

#import "Cell.h"
#define MAXIMUM_SCALE 3.0
#define MINIMUM_SCALE    1.0

@interface Cell()<UIScrollViewDelegate>

@end

@implementation Cell

- (void)setup {

    UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(zoomImage:)];
    self.imageview.gestureRecognizers = @[pinch];
    self.imageview.userInteractionEnabled = YES;
    self.scrollview.delegate = self;

}

//-----------------------------------------------------------------------

#pragma  mark  - Scrollview Delegate Method

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
    return self.imageview;
}

//-----------------------------------------------------------------------

#pragma mark - Custom Methods

- (void)zoomImage:(UIPinchGestureRecognizer *)gesture {
    if (gesture.state == UIGestureRecognizerStateEnded
    || gesture.state == UIGestureRecognizerStateChanged) {
        NSLog(@"gesture.scale = %f", gesture.scale);

        CGFloat currentScale = self.frame.size.width / self.bounds.size.width;
        CGFloat newScale = currentScale * gesture.scale;

        if (newScale < MINIMUM_SCALE) {
            newScale = MINIMUM_SCALE;
        }
        if (newScale > MAXIMUM_SCALE) {
            newScale = MAXIMUM_SCALE;
        }

        CGAffineTransform transform = CGAffineTransformMakeScale(newScale, newScale);
        self.imageview.transform = transform;
        self.scrollview.contentSize = self.imageview.frame.size;

    }

}

@end

ViewController文件

//ViewController.h

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController


@end



//ViewController.m[![enter image description here][1]][1]


#import "ViewController.h"
#import "Cell.h"

@interface ViewController ()<UICollectionViewDataSource, UICollectionViewDelegate>

@property (weak, nonatomic) IBOutlet UICollectionView *collectionView;
@property (strong, nonatomic) NSArray  *imageArray;

@end

@implementation ViewController

//-----------------------------------------------------------------------

#pragma mark - Collectionview Datasource Methods

//-----------------------------------------------------------------------

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
return self.imageArray.count;
}

//-----------------------------------------------------------------------

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {

    Cell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    [cell setup];
    cell.imageview.image = [UIImage imageNamed:[self.imageArray objectAtIndex:indexPath.row]];
    return cell;
}

//-----------------------------------------------------------------------

#pragma mark - Lifecycle method

- (void)viewDidLoad {
    [super viewDidLoad];

    _imageArray = @[ @"1.jpg", @"1.jpg" ];
    self.collectionView.dataSource = self;
    self.collectionView.delegate = self;

}

//-----------------------------------------------------------------------

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

注意:您需要从故事板中为滚动视图、图像视图和集合视图创建一个IBOutlet。

Answer 2

默认情况下，图像视图的属性userInteractionEnabled设置为NO，从而禁用所有手势识别器。将属性设置为YES可以解决您的问题。

Answer 3

我建议您在滚动视图中添加使用单元格内的滚动视图和图像视图，并为滚动视图启用缩放，而不是为整个集合视图启用缩放。

 scrollViewMain.maximumZoomScale = 5.0;
    scrollViewMain.minimumZoomScale = 1.0;
    scrollViewMain.clipsToBounds = NO;
    scrollViewMain.delegate = self;

我想这会对你有帮助