iOS 图片预览放大缩小的实现方式

码客说

发布于 2019-10-22 06:35:16

2.6K00

代码可运行

文章被收录于专栏：码客码客

运行总次数：0

代码可运行

原理

把UIImageView放到UIScrollView中对UIImageView添加点击事件实现

具体代码

添加代理UIScrollViewDelegate

涉及的两个View

@IBOutlet weak var scrollView: UIScrollView!
@IBOutlet weak var showImageView: UIImageView!

添加事件

func addEvent(){
    self.scrollView.isMultipleTouchEnabled = true;
    self.scrollView.maximumZoomScale = 5.0;
    self.scrollView.minimumZoomScale = 1;
    self.scrollView.delegate = self;
    
    self.showImageView.isUserInteractionEnabled = true;
    
    let tapImgOnce = UITapGestureRecognizer.init(target: self, action: #selector(tapImgViewHandle(image:)))
    tapImgOnce.numberOfTapsRequired = 1;
    tapImgOnce.numberOfTouchesRequired = 1;
    self.showImageView.addGestureRecognizer(tapImgOnce)
    
    let tapImgTwice = UITapGestureRecognizer.init(target: self, action: #selector(tapImgViewHandleTwice(image:)))
    tapImgTwice.numberOfTapsRequired = 2;
    tapImgTwice.numberOfTouchesRequired = 1;
    self.showImageView.addGestureRecognizer(tapImgTwice)
    
    tapImgOnce.require(toFail: tapImgTwice);
}
@objc func tapImgViewHandle(image:UIImageView){
    self.dismiss(animated: false, completion: nil)
}
    
@objc func tapImgViewHandleTwice(image:UIImageView){
    if(self.scrollView.zoomScale > 1){
        self.scrollView.setZoomScale(1, animated: true)
    }else{
        self.scrollView.setZoomScale(3, animated: true)
    }
}
    
func viewForZooming(in scrollView: UIScrollView) -> UIView? {
    return self.showImageView;
}