如何限制将捏缩放图像移动到图像边框？

Question

我在情节提要中设置了一个scrollView，其中包含一个imageView，使用自动布局，如图所示here。
此外，我为此imageView 启用了捏缩放，如docs 中所述。

imageView 在scollView 的两侧有 4 个 0 约束，并且它与主视图具有相等的宽度和高度，主视图具有 scrollView 作为子视图。

imageView 具有aspectFit 缩放模式，因此在未缩放状态下，图像将完全从左到右或从上到下（或两者）延伸。
在下面的示例中，它从上到下延伸，使一些背景左右可见：

我可以捏缩放图像，使其比屏幕大：

我可以向上或向下移动缩放的图像，但在顶部或底部的背景变得可见之前移动停止。这是我想要的。

但是，我可以将缩放后的图像向左或向右移动，以便可以看到背景：

我怎样才能避免将图像移动这么远（这里，向右）。与顶部或底部一样，它应该在边界处停止移动，这样就看不到背景了。

Answer 1

不是理想的解决方案，但我希望它会有所帮助：

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale {
    [self adjustScrollViewInsets];
}

- (void)adjustScrollViewInsets {
    CGFloat imageWidth = self.imageView.image.size.width;
    CGFloat imageHeight = self.imageView.image.size.height;
    CGFloat aspect = imageWidth / imageHeight;
    CGSize imageViewSize = self.imageView.frame.size;
    if (imageViewSize.width / aspect <= imageViewSize.height) {
        [self adjustVerticalInsetsWithImageHeight:(imageViewSize.width / aspect)];
    } else {
        [self adjustHorizontalInsetsWithImageWidth:(imageViewSize.height * aspect)];
    }
}

- (void)adjustHorizontalInsetsWithImageWidth:(CGFloat)width {
    CGFloat horizontalInset = (self.scrollView.contentSize.width - width) / 2;
    if (width < self.scrollView.frame.size.width) {
        horizontalInset = horizontalInset - (self.scrollView.frame.size.width - width) / 2;
    }
    [self.scrollView setContentInset:UIEdgeInsetsMake(0, -horizontalInset, 0, -horizontalInset)];
}

- (void)adjustVerticalInsetsWithImageHeight:(CGFloat)height {
    CGFloat verticalInset = (self.scrollView.contentSize.height - height) / 2;
    if (height < self.scrollView.frame.size.height) {
        verticalInset = verticalInset - (self.scrollView.frame.size.height - height) / 2;
    }
    [self.scrollView setContentInset:UIEdgeInsetsMake(-verticalInset, 0, -verticalInset, 0)];
}

如果您遇到问题，请查看this repo。

Answer 2

我遇到了同样的问题，并在 Swift 4.0 中实现，如下所示，它对我有用。

Swift 4.0：

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

func adjustScrollViewInsets() {
    let imageWidth = self.imageView.image?.size.width
    let imageHeight = self.imageView.image?.size.height
    let aspect = imageWidth! / imageHeight!
    let imageViewSize = self.imageView.frame.size
    if imageViewSize.width / aspect <= imageViewSize.height {
        adjustVerticalInsetsWithImageHeight(height: imageViewSize.width / 2)
    } else {
        adjustHorizontalInsetsWithImageWidth(width: imageViewSize.height / 2)
    }
}

func adjustHorizontalInsetsWithImageWidth(width: CGFloat) {
    var horizontalInset = (self.scrollView.contentSize.width - width) / 2
    if width < self.scrollView.contentSize.width {
       horizontalInset = horizontalInset  - (self.scrollView.frame.size.width - width) / 2
    }
    self.scrollView.contentInset = UIEdgeInsetsMake(0, -horizontalInset, 0, -horizontalInset)
}

func adjustVerticalInsetsWithImageHeight(height: CGFloat) {
    var verticalInset = (self.scrollView.contentSize.height - height) / 2
    if height < self.scrollView.frame.size.height {
        verticalInset = verticalInset - (self.scrollView.frame.size.height - height) / 2
    }
    self.scrollView.contentInset = UIEdgeInsetsMake(-verticalInset, 0, -verticalInset, 0)
}