将UIScrollView中未缩放的视图缩放到边界

Question

我需要将灰色视图内的红色视图放大到滚动视图内的给定红色边界（在这种情况下，滚动视图边框取决于给定的宽度/高度比），同时保持视图的可见尺寸不变。他们还应该始终触摸绿色边框。

我尝试在此视图上使用缩放变换来实现此目的，以便在放大滚动视图时，我使用公式1 / zoomScale并更改其锚点来缩小此视图，以使其保持绿色边框。

问题是在进行所有这些操作后，我不知道如何为红色视图计算目标边界rect，因此我可以使用适当的滚动到它zoomScale。

请在此处查看完整的演示项目

编辑

灰度视图可能会缩小滚动视图边界（请参见上一张图片），主要是要在滚动视图边界内放入由红色视图包围的绿色矩形（您可能会认为它们是绿色区域的负插图），因此我们应该实际计算考虑到绿色矩形的起始和结束尺寸，应将红色视图“固定”到该矩形。

基本方法

- (void)adjustScrollPositionAndZoomToFrame:(CGRect)frame
{
    CGFloat viewWidth = frame.size.width;
    CGFloat viewHeight = frame.size.height;

    CGFloat scrollViewWidth = self.scrollView.frame.size.width;
    CGFloat scrollViewHeight = self.scrollView.frame.size.height;

    CGSize newSize = [self scaleSize:frame.size toHeight:scrollViewHeight];

    if (newSize.width > scrollViewWidth) {
        newSize = [self scaleSize:frame.size toWidth:scrollViewWidth];
    }

    CGFloat scaleFactor = newSize.height == scrollViewHeight
        ? scrollViewHeight / viewHeight
        : scrollViewWidth / viewWidth;

    [self scrollRect:frame toCenterInScrollView:self.scrollView animated:NO];

    self.scrollView.zoomScale = scaleFactor;
}

缩放比例

- (void)handleZoom:(CGFloat)zoom
{
    NSArray *anchorPoints = @[[NSValue valueWithCGPoint:CGPointMake(1.0, 1.0)],
                              [NSValue valueWithCGPoint:CGPointMake(0.5, 1.0)],
                              [NSValue valueWithCGPoint:CGPointMake(0.0, 1.0)],

                              [NSValue valueWithCGPoint:CGPointMake(1.0, 0.5)],
                              [NSValue valueWithCGPoint:CGPointMake(0.5, 0.5)],
                              [NSValue valueWithCGPoint:CGPointMake(0.0, 0.5)],

                              [NSValue valueWithCGPoint:CGPointMake(1.0, 0.0)],
                              [NSValue valueWithCGPoint:CGPointMake(0.5, 0.0)],
                              [NSValue valueWithCGPoint:CGPointMake(0.0, 0.0)]
                              ];

    for (UILabel *label in _labels) {
        [self setViewAnchorPoint:label value:[anchorPoints[[_labels indexOfObject:label]] CGPointValue]];
        label.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1 / zoom, 1 / zoom);
    }
}

/**
 * @see /sf/answers/675457961/
 * @param value See view.layer.anchorPoint
 */
- (void)setViewAnchorPoint:(UIView *)view value:(CGPoint)value
{
    CGPoint newPoint = CGPointMake(view.bounds.size.width * value.x,
                                   view.bounds.size.height * value.y);
    CGPoint oldPoint = CGPointMake(view.bounds.size.width * view.layer.anchorPoint.x,
                                   view.bounds.size.height * view.layer.anchorPoint.y);

    newPoint = CGPointApplyAffineTransform(newPoint, view.transform);
    oldPoint = CGPointApplyAffineTransform(oldPoint, view.transform);

    CGPoint position = view.layer.position;

    position.x -= oldPoint.x;
    position.x += newPoint.x;

    position.y -= oldPoint.y;
    position.y += newPoint.y;

    view.layer.position = position;
    view.layer.anchorPoint = value;
}

变焦前的初始场景：

变焦后我有什么：

变焦后我需要什么：

Answer 1

我下载了你的项目，发现有以下问题：

初始化时zoomingView，设置其框架的原点，使其zoomingView位于 的中间scrollView。然后，当您缩放 时scrollView，它也会缩放到原点的偏移量，必须考虑到缩放后的正确位置zoomingView。

我认为如果将原点设置为0会更清楚：

self.zoomingView = [[ZoomingView alloc] initWithFrame:CGRectMake(0, 0, kZoomingViewWidth, kZoomingViewHeight)];

缩放后，zoomingView您必须将其居中。这可以通过例如

self.scrollView.zoomScale = scaleFactor;
    CGRect svb = self.scrollView.bounds;
    CGRect zvf = self.zoomingView.frame;
    self.scrollView.bounds = CGRectMake((zvf.size.width - svb.size.width)/2.0, (zvf.size.height - svb.size.height)/2.0, svb.size.width, svb.size.height);

那么下面的函数就变得非常简单了：

- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
   [self.zoomingView handleZoom:scrollView.zoomScale];
}

通过这些修改，缩放zoomingView可以正确居中。

然而，缩放因子仍然是错误的，因为内部绿色矩形被缩放以填充可用空间。原因是必须考虑到2个尺寸为30的盒子必须另外可见，即可用于缩放的空间较小。这可以通过例如

CGFloat scaleFactor = newSize.height == scrollViewHeight
    ? (scrollViewHeight - 60.0) / viewHeight
    : (scrollViewWidth - 60.0) / viewWidth;

当然，后来必须用变量来替换常量。

通过这些修改，您的代码对我来说可以正确运行。

还有一件事：这篇优秀的文章详细讨论了滚动视图。