疯狂ios讲义之实例：经过旋转手势旋转图片

实例：经过旋转手势旋转图片

本实例将会对前面的实例进行改进，在前面实例的基础上增长一个旋转手势处理器，从而让该应用既可根据用户捏合手势对图片进行缩放，也可根据用户旋转手势对图片进行旋转。

复制上面的应用，并将该应用更名为RotateImage。该应用的其余部分基本无须修改，只要把控制器类的实现部分稍做修改，为UIImageView控件增长旋转手势处理器，并让程序根据手势旋转的弧度对图片进行旋转便可。下面是修改后的控制器类的实现代码。

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

@implementation FKViewController

UIImage* srcImage;

CGFloat currentScale;

CGFloat currentRotation;

- (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;

currentRotation = 0;

// 设置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];

// 建立UIRotationGestureRecognizer手势处理器，该手势处理器激发rotateImage:方法

UIRotationGestureRecognizer* rotateGesture=

[[UIRotationGestureRecognizer alloc]

initWithTarget:selfaction:@selector(rotateImage:)];

// 为p_w_picpathView添加手势处理器

[self.p_w_picpathViewaddGestureRecognizer:rotateGesture];

}

- (void)scaleImage:(UIPinchGestureRecognizer*)gesture

{

CGFloatscale = gesture.scale;

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

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

srcImage.size.height * scale * currentScale);

// 对图片进行缩放、旋转

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

p_w_picpathRotatedByRadians:currentRotation];

// 若是手势结束

if(gesture.state == UIGestureRecognizerStateEnded)

{

// 计算结束时图片的缩放比例

currentScale = scale * currentScale;

}

}

- (void)rotateImage:(UIRotationGestureRecognizer*)gesture

{

// 获取手势旋转的弧度

CGFloatrotation = gesture.rotation;

// 根据当前缩放比例计算缩放后的目标图片大小

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

srcImage.size.height * currentScale);

// 对图片进行缩放、旋转

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

p_w_picpathRotatedByRadians:currentRotation + rotation];

// 若是旋转手势结束

if(gesture.state ==UIGestureRecognizerStateEnded)

{

currentRotation = currentRotation + rotation;

}

}

@end

上面程序中粗体字代码为UIImageView控件增长了一个UIRotationGestureRecognizer手势处理器，该手势处理器检测到旋转手势后将会激发该控制器的rotateImage:方法，该方法将会根据手势旋转的弧度对图片进行旋转（程序一样使用了UIImage+FKCategory的方法来旋转图片）。

编译、运行该程序，便可看到如图1.5所示的效果。

图1.5 使用旋转手势旋转图片