快捷導(dǎo)航

利用iOS手勢與scrollView代理實(shí)現(xiàn)圖片的放大縮小

更新時(shí)間：2017年01月13日 15:27:02 作者：IOSMan

這篇文章主要介紹了利用iOS的手勢、scrollView代理來實(shí)現(xiàn)圖片放大縮小的方法，文中通過示例代碼介紹的很詳細(xì)，相信對各位iOS開發(fā)者們來說具有一定的參考借鑒價(jià)值，有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。

前言

對于圖片拉伸是移動(dòng)開發(fā)中很常見的需求，最近工作中就遇到了利用iOS實(shí)現(xiàn)對圖片的放大和縮小效果，通過查找資料找到了兩種解決方法，分別是用捏合手勢和用scrollView的代理方法來實(shí)現(xiàn)，下面話不多說，來看看詳細(xì)的方法介紹吧。

第一種方法：用捏合手勢放大縮小

@interface ViewController ()

@property (strong, nonatomic) IBOutlet UIView *redView;
@property (assign, nonatomic) CGFloat scale;//記錄上次手勢結(jié)束的放大倍數(shù)
@property (assign, nonatomic) CGFloat realScale;//當(dāng)前手勢應(yīng)該放大的倍數(shù)

@end

@implementation ViewController

- (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view, typically from a nib.
 UIPinchGestureRecognizer *pinchGesture = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(pinchEvent:)];

 [self.view addGestureRecognizer:pinchGesture];

 self.scale = 1;
}
- (void)pinchEvent:(UIPinchGestureRecognizer *)pinch {

 self.realScale = self.scale + （pinch.scale - 1）;//當(dāng)前的放大倍數(shù)是上次的放大倍數(shù)加上當(dāng)前手勢pinch程度

 if (self.realScale > 10) {//設(shè)置最大放大倍數(shù)
 self.realScale = 10;
 }else if (self.realScale < 0.5){//最小放大倍數(shù)
 self.realScale = 0.5;
 }

 self.redView.transform = CGAffineTransformMakeScale(self.realScale, self.realScale);

 if (pinch.state == UIGestureRecognizerStateEnded){//當(dāng)結(jié)束捏合手勢時(shí)記錄當(dāng)前圖片放大倍數(shù)

 self.scale = self.realScale;

 }

 NSLog(@"%f-------%f",self.scale,self.realScale);
}

@end

這種方式有個(gè)弊端：如果不進(jìn)一步設(shè)置，放大的焦點(diǎn)只能是從中心開始，而且放大的部分超出屏幕不能滾動(dòng)查看。
如果想用單擊雙擊手勢放大縮小用點(diǎn)擊手勢UITapGestureRecognizer就可以了，單擊設(shè)置屬性numberOfTapsRequired為1，雙擊設(shè)置為2，就可以了，實(shí)現(xiàn)他的點(diǎn)擊方法就可以了。

第二種方法：用scrollView的代理方法實(shí)現(xiàn)

設(shè)置放大倍數(shù)和代理

 self.scrollView.minimumZoomScale = 0.5;
 self.scrollView.maximumZoomScale = 10;

 self.scrollView.delegate = self;

代理方法返回你要放大的圖片

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {

 return self.enlargeImage;
}

在這個(gè)代理方法里面設(shè)置滾動(dòng)范圍、調(diào)整放大圖片的位置（如果不設(shè)置，放大后圖片按照原來比例frame的X,Y值也會跟隨比例變化，圖片就跑偏了）

- (void)scrollViewDidZoom:(UIScrollView *)scrollView {

 CGRect frame = self.enlargeImage.frame;

 frame.origin.y = (self.scrollView.frame.size.height - self.enlargeImage.frame.size.height) > 0 ? (self.scrollView.frame.size.height - self.enlargeImage.frame.size.height) * 0.5 : 0;
 frame.origin.x = (self.scrollView.frame.size.width - self.enlargeImage.frame.size.width) > 0 ? (self.scrollView.frame.size.width - self.enlargeImage.frame.size.width) * 0.5 : 0;
 self.enlargeImage.frame = frame;

 self.scrollView.contentSize = CGSizeMake(self.enlargeImage.frame.size.width + 30, self.enlargeImage.frame.size.height + 30);
}

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。

您可能感興趣的文章: