瘋狂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 使用旋轉手勢旋轉圖片