双指缩放 UIImageView

Pinch to Zoom UIImageView

我有一个图像视图作为 UIScrollView 的子视图,以便能够缩放图像。有点效果,但效果不佳。

     class LargeImageViewController: UIViewController {

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

    @IBOutlet weak var imageViewBottomConstraint: NSLayoutConstraint!
    @IBOutlet weak var imageViewLeadingConstraint: NSLayoutConstraint!
    @IBOutlet weak var imageViewTopConstraint: NSLayoutConstraint!
    @IBOutlet weak var imageViewTrailingConstraint: NSLayoutConstraint!

    var selectedImage: UIImage?

    override func viewDidLoad() {
        super.viewDidLoad()

        if let image = selectedImage {
            imageView.image = image
        }
    }

    override func viewWillLayoutSubviews() {
      super.viewWillLayoutSubviews()
      updateMinZoomScaleForSize(view.bounds.size)
    }

    func updateMinZoomScaleForSize(_ size: CGSize) {
        let widthScale = size.width / imageView.bounds.width
        let heightScale = size.height / imageView.bounds.height
        let minScale = min(widthScale, heightScale)

        scrollView.minimumZoomScale = minScale
        scrollView.zoomScale = minScale
    }

    @IBAction func doneTapped(_ sender: Any) {
        dismiss(animated: true, completion: nil)
    }
}

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

    func scrollViewDidZoom(_ scrollView: UIScrollView) {
      updateConstraintsForSize(view.bounds.size)
    }

    func updateConstraintsForSize(_ size: CGSize) {
      let yOffset = max(0, (size.height - imageView.frame.height) / 2)
      imageViewTopConstraint.constant = yOffset
      imageViewBottomConstraint.constant = yOffset

      let xOffset = max(0, (size.width - imageView.frame.width) / 2)
      imageViewLeadingConstraint.constant = xOffset
      imageViewTrailingConstraint.constant = xOffset

      view.layoutIfNeeded()
    }
}

有什么想法吗?

我现在已经尝试按照建议的教程进行操作,效果稍微好一些,但是图像放大了而且很大。

即使我按照教程进行操作,我的限制仍然给我带来问题。

无法确定问题出在哪里,因为您可能还配置了 storyboard/xib 文件。

但是,我建议您阅读指南:https://www.raywenderlich.com/5758454-uiscrollview-tutorial-getting-started

有几个原因导致您的代码无法像教程那样工作。

1 - 您错过了设置滚动视图委托(除非您在 Storyboard 中设置它)。如果您没有在故事板中设置它:

override func viewDidLoad() {
    super.viewDidLoad()

    if let image = selectedImage {
        imageView.image = image
    }

    // add this
    scrollView.delegate = self
}

2 - 它仍然不是很正确,因为教程在 Storyboard 中设置图像,但您在 viewDidLoad() 中设置它。要解决这个问题:

// remove this
//override func viewWillLayoutSubviews() {
//  super.viewWillLayoutSubviews()
//  updateMinZoomScaleForSize(view.bounds.size)
//}

// add this
override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    updateMinZoomScaleForSize(scrollView.bounds.size)
    updateConstraintsForSize(scrollView.bounds.size)
}

3 - 要消除 Storyboard 中的约束错误,请为图像视图提供宽度和高度约束(例如各 100),并将它们设置为占位符,这样它们就不会在 运行 处使用-时间: