溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間:2021-07-26 09:37:15 來(lái)源:億速云 閱讀:257 作者:小新 欄目:移動(dòng)開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)如何使用iOS手勢(shì)與scrollView代理實(shí)現(xiàn)圖片的放大縮小,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

第一種方法:用捏合手勢(shì)放大縮小

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

@interface ViewController ()

@property (strong, nonatomic) IBOutlet UIView *redView;
@property (assign, nonatomic) CGFloat scale;//記錄上次手勢(shì)結(jié)束的放大倍數(shù)
@property (assign, nonatomic) CGFloat realScale;//當(dāng)前手勢(shì)應(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)前手勢(shì)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ì)時(shí)記錄當(dāng)前圖片放大倍數(shù)

 self.scale = self.realScale;

 }

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

@end

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

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

如何使用iOS手勢(shì)與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è)置,放大后圖片按照原來(lái)比例frame的X,Y值也會(huì)跟隨比例變化,圖片就跑偏了)

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

關(guān)于“如何使用iOS手勢(shì)與scrollView代理實(shí)現(xiàn)圖片的放大縮小”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI