疯狂ios讲义之实例：通过捏合手势缩放图片

实例：通过捏合手势缩放图片

捏合手势处理器可以检测到用户手势捏合的比例，解析该捏合比例即可对图片进行缩放。本实例将通过捏合手势对图片进行缩放。创建一个Single View Application，该应用包含一个应用程序委托类、一个视图控制器类以及配套的Main.storyboard界面设计文件。在Interface Builder中打开该界面设计文件，将一个UIImageView拖入界面设计文件中，并让该UIImageView控件与应用界面保持相同大小。为了在程序中能访问UIImageView控件，需要将该控件绑定到控制器的p_w_picpathView IBOutlet属性。

由于该程序需要对图片进行缩放，因此我们将《疯狂iOS讲义》上册第12章介绍绘图时开发的UIImage(FKCategory)分类添加到该应用中，这样就可为UIImage类增加图片缩放、旋转等方法。

接下来修改视图控制器类，在视图控制器类中使用UIPinchGestureRecognizer来检测用户捏合手势，并根据捏合手势对图片进行缩放。下面是该控制器类的实现代码。

程序清单：codes/01/1.3/PinchImage/PinchImage/FKViewController.m

@implementation FKViewController

UIImage* srcImage;

CGFloat currentScale;

- (void)viewDidLoad

{

[superviewDidLoad];

[UIApplication sharedApplication].statusBarHidden = YES;

srcImage= [UIImage p_w_picpathNamed:@"seashore.png"];

// 设置图片直接显示在中间（不进行任何缩放）

self.view.contentMode = UIViewContentModeCenter;

// 设置p_w_picpathView初始显示的图片

self.p_w_picpathView.p_w_picpath = srcImage;

// 设置初始的缩放比例

currentScale = 1;

// 设置p_w_picpathView允许用户交互，支持多点触碰

self.p_w_picpathView.userInteractionEnabled = YES;

self.p_w_picpathView.multipleTouchEnabled = YES;

// 创建UIPinchGestureRecognizer手势处理器，该手势处理器激发scaleImage:方法

UIPinchGestureRecognizer* gesture = [[UIPinchGestureRecognizer alloc]

initWithTarget:self action:@selector(scaleImage:)];

// 为p_w_picpathView添加手势处理器

[self.p_w_picpathView addGestureRecognizer:gesture];

}

- (void)scaleImage:(UIPinchGestureRecognizer*)gesture

{

CGFloatscale = gesture.scale;

// 如果捏合手势刚刚开始

if (gesture.state ==UIGestureRecognizerStateBegan)

{

// 计算当前缩放比

currentScale= self.p_w_picpathView.p_w_picpath.size.width / srcImage.size.width;

}

// 根据手势处理器的缩放比例计算图片缩放后的目标大小

CGSizetargetSize = CGSizeMake(srcImage.size.width * scale * currentScale,

srcImage.size.height * scale * currentScale);

// 对图片进行缩放

self.p_w_picpathView.p_w_picpath = [srcImage p_w_picpathByScalingToSize:targetSize];

}

@end

该实例使用捏合手势处理器的方法与前面介绍的没有任何区别，只是程序中增加了粗体字代码的判断。该粗体字代码判断当捏合手势开始时，程序会把当前图片的缩放比例记录下来作为图片的当前缩放比例，然后用捏合手势的缩放比例乘以当前缩放比例作为图片真正的缩放比例，接下来调用UIImage(FKCategory)分类中的方法对图片进行缩放。

编译、运行该程序，按下option键与鼠标配合模拟用户的两个手指进行捏合，即可看到如图1.4所示的效果。

图1.4　使用捏合手势处理器缩放图片