實(shí)例：通過捏合手勢(shì)縮放圖片

捏合手勢(shì)處理器可以檢測(cè)到用戶手勢(shì)捏合的比例，解析該捏合比例即可對(duì)圖片進(jìn)行縮放。本實(shí)例將通過捏合手勢(shì)對(duì)圖片進(jìn)行縮放。創(chuàng)建一個(gè)Single View Application，該應(yīng)用包含一個(gè)應(yīng)用程序委托類、一個(gè)視圖控制器類以及配套的Main.storyboard界面設(shè)計(jì)文件。在Interface Builder中打開該界面設(shè)計(jì)文件，將一個(gè)UIImageView拖入界面設(shè)計(jì)文件中，并讓該UIImageView控件與應(yīng)用界面保持相同大小。為了在程序中能訪問UIImageView控件，需要將該控件綁定到控制器的p_w_picpathView IBOutlet屬性。

十余年的秀峰網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整秀峰建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“秀峰網(wǎng)站設(shè)計(jì)”,“秀峰網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

由于該程序需要對(duì)圖片進(jìn)行縮放，因此我們將《瘋狂iOS講義》上冊(cè)第12章介紹繪圖時(shí)開發(fā)的UIImage(FKCategory)分類添加到該應(yīng)用中，這樣就可為UIImage類增加圖片縮放、旋轉(zhuǎn)等方法。

接下來修改視圖控制器類，在視圖控制器類中使用UIPinchGestureRecognizer來檢測(cè)用戶捏合手勢(shì)，并根據(jù)捏合手勢(shì)對(duì)圖片進(jìn)行縮放。下面是該控制器類的實(shí)現(xiàn)代碼。

程序清單：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"];

// 設(shè)置圖片直接顯示在中間（不進(jìn)行任何縮放）

self.view.contentMode = UIViewContentModeCenter;

// 設(shè)置p_w_picpathView初始顯示的圖片

self.p_w_picpathView.p_w_picpath = srcImage;

// 設(shè)置初始的縮放比例

currentScale = 1;

// 設(shè)置p_w_picpathView允許用戶交互，支持多點(diǎn)觸碰

self.p_w_picpathView.userInteractionEnabled = YES;

self.p_w_picpathView.multipleTouchEnabled = YES;

// 創(chuàng)建UIPinchGestureRecognizer手勢(shì)處理器，該手勢(shì)處理器激發(fā)scaleImage:方法

UIPinchGestureRecognizer* gesture = [[UIPinchGestureRecognizer alloc]

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

// 為p_w_picpathView添加手勢(shì)處理器

[self.p_w_picpathView addGestureRecognizer:gesture];

}

- (void)scaleImage:(UIPinchGestureRecognizer*)gesture

{

CGFloatscale = gesture.scale;

// 如果捏合手勢(shì)剛剛開始

if (gesture.state ==UIGestureRecognizerStateBegan)

{

//計(jì)算當(dāng)前縮放比

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

}

// 根據(jù)手勢(shì)處理器的縮放比例計(jì)算圖片縮放后的目標(biāo)大小

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

srcImage.size.height * scale * currentScale);

// 對(duì)圖片進(jìn)行縮放

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

}

@end

該實(shí)例使用捏合手勢(shì)處理器的方法與前面介紹的沒有任何區(qū)別，只是程序中增加了粗體字代碼的判斷。該粗體字代碼判斷當(dāng)捏合手勢(shì)開始時(shí)，程序會(huì)把當(dāng)前圖片的縮放比例記錄下來作為圖片的當(dāng)前縮放比例，然后用捏合手勢(shì)的縮放比例乘以當(dāng)前縮放比例作為圖片真正的縮放比例，接下來調(diào)用UIImage(FKCategory)分類中的方法對(duì)圖片進(jìn)行縮放。

編譯、運(yùn)行該程序，按下option鍵與鼠標(biāo)配合模擬用戶的兩個(gè)手指進(jìn)行捏合，即可看到如圖1.4所示的效果。

圖1.4使用捏合手勢(shì)處理器縮放圖片