iOS 使用UIScrollView实现图片的缩放
当需要在特定的区域实现图片的手势缩放时,我们首先想到的就是UIScrollview。
缩放原理:当用户在UIScrollView身上使用捏合手势时,UIScrollView会给代理发送一条消息,询问代理究竟要缩放自己内部的哪一个子控件(哪一块内容),同时会回调UIScrollView的Delegate方法:
- viewForZoomingInScrollView:(OC)方法
- viewForZooming(Swift)方法
这个方法返回的控件就是需要进行缩放的控件。
实现代码
let imageWidth = LayoutPublic.ScreenMainSize.mainWidth-30
let imageHeight = LayoutPublic.ScreenMainSize.mainHeight
let bgScrollView:UIScrollView = UIScrollView.init(frame: .init(x: 15, y: 15, width: imageWidth, height: imageHeight*0.6))
bgScrollView.delegate = self
bgScrollView.maximumZoomScale = 2.0
bgScrollView.minimumZoomScale = 1.0
bgScrollView.layer.borderWidth = 5.0;
bgScrollView.layer.borderColor = UIColor.red.cgColor
self.addSubview(bgScrollView)
let imageFactWidth = imageWidth-20 //左右留白
let imageFactHeight = imageHeight*0.3-10 //上下留白
imageBgView = UIView.init(frame: .init(x: 10, y: 10, width: imageFactWidth, height: imageHeight*0.6-20))
bgScrollView.addSubview(imageBgView)
代理方法(记得引入代理方法):
func viewForZooming(in scrollView: UIScrollView) -> UIView? {
return imageBgView
}
实现效果: