ios – 由夹点和平移手势识别器同时触发的交互式ViewController转换

>如何在imageView上使用平移手势实现捏拉缩放和拖动
>如何在视图控制器中显示一个视图控制器,其中一个子视图(vc2中的imageView)与子视图(vc1中的imageView)相同

捏合手势缩放：使用UIScrollView更容易实现捏缩放,因为它支持开箱即用,无需添加手势识别器.创建一个scrollView并添加您想要缩放的视图,其中包含pinch作为其子视图(scrollView.addSubview(imageView)).不要忘记添加scrollView本身(view.addSubview(scrollView)).

配置scrollView的最小和最大缩放比例：scrollView.minimumZoomScale,scrollView.maximumZoomScale.为scrollView.delegate设置委托并实现uiscrollviewdelegate：

func viewForZooming(在scrollView中：UIScrollView) – > UIView的？

在这种情况下哪个应该返回你的imageView,

也符合UIGestureRecognizerDelegate并实现：

func gestureRecognizer(_ gestureRecognizer：UIGestureRecognizer,shouldRecognizeSimultaneouslyWith otherGestureRecognizer：UIGestureRecognizer) – >布尔

哪个应该返回true.这是允许我们使用平移手势识别器与内部捏手势识别器一起工作的关键.

平移手势拖动：只需使用目标创建平移手势识别器,然后将其添加到滚动视图scrollView.addGestureRecognizer(平移).

处理手势：捏缩放在这个阶段很好地工作,除了你想要在捏合结束时呈现第二个视图控制器.再实现一个uiscrollviewdelegate方法,以便在缩放结束时收到通知：

func scrollViewDidEndZooming(_ scrollView：UIScrollView,with view：UIView？,atScale scale：CGFloat)

并调用显示详细视图控制器presentDetail()的方法,我们将稍微实现它.

下一步是处理平移手势,我将让代码解释自己：

// NOTE: Do NOT set from anywhere else than pan handler.
private var initialTouchPositionY: CGFloat = 0
private var initialTouchPositionX: CGFloat = 0

@objc func panned(_ pan: UIPanGestureRecognizer) {

    let y = pan.location(in: scrollView).y
    let x = pan.location(in: scrollView).x

    switch pan.state {
    case .began:
        initialTouchPositionY = pan.location(in: imageView).y
        initialTouchPositionX = pan.location(in: imageView).x
    case .changed:
        let offsetY = y - initialTouchPositionY
        let offsetX = x - initialTouchPositionX
        imageView.frame.origin = CGPoint(x: offsetX,y: offsetY)
    case .ended:
        presentDetail()
    default: break
    }
}

该实现在平移位置之后移动imageView,并在手势结束时调用presentDetail().

在我们实现presentDetail()之前,前往详细视图控制器并添加属性以保存imageViewFrame和图像本身.现在在vc1中,我们实现了presentDetail()：

private func presentDetail() {
    let frame = view.convert(imageView.frame,from: scrollView)
    let detail = DetailViewController()
    detail.imageViewFrame = frame
    detail.image = imageView.image

    // Note that we do not need the animation. 
    present(detail,animated: false,completion: nil)
}

在DetailViewController中,确保将imageViewFrame和图像设置为例如viewDidLoad,你将被设置.

完整的工作示例：

class ViewController: UIViewController,uiscrollviewdelegate,UIGestureRecognizerDelegate {

    let imageView: UIImageView = UIImageView()
    let scrollView: UIScrollView = UIScrollView()

    lazy var pan: UIPanGestureRecognizer = {
        return UIPanGestureRecognizer(target: self,action: #selector(panned(_:)))
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        imageView.image = // set your image

        scrollView.delegate = self
        scrollView.minimumZoomScale = 1.0
        scrollView.maximumZoomScale = 10.0

        scrollView.addSubview(imageView)
        view.addSubview(scrollView)

        scrollView.frame = view.frame

        let w = view.bounds.width - 30 // padding of 15 on each side
        imageView.frame = CGRect(x: 0,y: 0,width: w,height: w)
        imageView.center = scrollView.center

        scrollView.addGestureRecognizer(pan)
    }

    // NOTE: Do NOT set from anywhere else than pan handler.
    private var initialTouchPositionY: CGFloat = 0
    private var initialTouchPositionX: CGFloat = 0

    @objc func panned(_ pan: UIPanGestureRecognizer) {

        let y = pan.location(in: scrollView).y
        let x = pan.location(in: scrollView).x

        switch pan.state {
        case .began:
            initialTouchPositionY = pan.location(in: imageView).y
            initialTouchPositionX = pan.location(in: imageView).x
        case .changed:
            let offsetY = y - initialTouchPositionY
            let offsetX = x - initialTouchPositionX
            imageView.frame.origin = CGPoint(x: offsetX,y: offsetY)
        case .ended:
            presentDetail()
        default: break
        }
    }

    // MARK: uiscrollviewdelegate

    func viewForZooming(in scrollView: UIScrollView) -> UIView? {
        return imageView
    }

    func scrollViewDidEndZooming(_ scrollView: UIScrollView,with view: UIView?,atScale scale: CGFloat) {
        presentDetail()
    }

    // MARK: UIGestureRecognizerDelegate

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer,shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true
    }

    // MARK: Private

    private func presentDetail() {
        let frame = view.convert(imageView.frame,from: scrollView)
        let detail = DetailViewController()
        detail.imageViewFrame = frame
        detail.image = imageView.image
        present(detail,completion: nil)
    }
}

class DetailViewController: UIViewController {

    let imageView: UIImageView = UIImageView()
    var imageViewFrame: CGRect!
    var image: UIImage?

    override func viewDidLoad() {
        super.viewDidLoad()
        imageView.frame = imageViewFrame
        imageView.image = image

        view.addSubview(imageView)
        view.addSubview(backButton)
    }

    lazy var backButton: UIButton = {
        let button: UIButton = UIButton(frame: CGRect(x: 10,y: 30,width: 60,height: 30))
        button.addTarget(self,action: #selector(back(_:)),for: .touchUpInside)
        button.setTitle("back",for: .normal)
        return button
    }()

    @objc func back(_ sender: UIButton) {
        dismiss(animated: false,completion: nil)
    }

}