ios - 在 ScrollView 中使用自动布局缩放图像如何居中？

Question

我几乎完全从 Storyboard 中使用自动布局完成了缩放，唯一的问题是我的图像在缩放后没有居中。目标是使图片缩放完全符合图片边界，没有黑色条纹。

这是我的约束条件(它基本上是带有 imageView 的标准 ScrollView):

这是我按顺序完成的。首先，我设置了 UIScrollViewDelegate 方法:

-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
    return self.fullScreenImageView;
}

然后在图像下载完成后，我更新了 UIImageView 的height 约束:

-(void)setupConstraintsToImageSize:(CGSize)imageSize {
    [self.imageHConstraint setConstant:imageSize.height];
    [self layoutIfNeeded];
}

对于图像约束就像

所以它是这样工作的(抱歉 3MB GIF):

所以它几乎是 ALMOST 工作，但奇怪的是它走到了底部，而不是居中，如何居中呢？

我发现我必须使用方法 -(void)scrollViewDidZoom:(UIScrollView *)scrollView 做某事但我真的不确定我应该在那里设置什么。

Answer 1

Eureka !我设法用 AutoLayout

完全做到了这一点

要实现这一点，需要做的是为您的中心 Y 约束创建导出，然后在缩放时修改它:

-(void)scrollViewDidZoom:(UIScrollView *)scrollView {
    CGFloat diff = self.fullScreenImageView.frame.size.height-self.fullScreenImageView.image.size.height;
    if(self.fullScreenImageView.frame.size.height >= self.frame.size.height) {return;}
    [self.centerYConstraint setConstant:-diff/2];
}

就是这样。