在 UIScrollView 中设置 ZoomScale 动画时出现不需要的滚动

Question

执行摘要： 有时，UIScrollView 对 contentOffset 的值进行不必要的更改，从而导致应用在正在查看的文档中显示错误的位置。这种不需要的更改与滚动视图的 zoomScale 的动画更改同时发生。

详细信息： 我在 UIScrollView 中使用 CATiledLayer 缩小时遇到问题。 CATiledLayer 保存一个 pdf，当 contentOffset 在一定范围内时，当我缩小时，contentOffset 会发生变化（这就是错误）在缩放发生之前。 Apple 代码中的 contentOffset 似乎已更改。

为了说明这个问题，我修改了 Apple 的示例应用程序 ZoomingPDFViewer。代码位于 github 上： https://github.com/DirkMaas/ZoomingPDFViewer-bug

点击使用 animateWithDuration 会导致 zoomScale 更改为 0.5，从而缩小。如果 UIScrollView 的 contentOffset.y 小于约 2700 或大于 5900，则 zoomScale 动画效果良好。如果当 contentOffset.y 位于这两个值之间时发生点击，contentOffset.y 将跳转（非动画）到大约 2700，然后 zoomScale< /code> 动画会发生，但滚动会同时发生，因此当动画完成时，contentOffset.y 就在它应该在的位置。但跳跃从哪里来呢？

例如，假设点击屏幕时 contentOffset.y 为 2000：zoomScale 动画效果很好； contentOffset.y 未更改。

但是，如果点击屏幕时 contentOffset.y 为 4000：contentOffset.y 将在没有动画的情况下跳转到大约 2700，然后将从该点同时发生。动画完成后，看起来好像我们从 4000 直接缩放回来，所以我们最终到达了正确的位置，但行为是错误的。

UI 上的注释：

• 文本可以以正常方式垂直滚动
• 文本可以通过以正常方式捏合来放大和缩小，
• 单击将导致 zoomScale 设置为 0.5；更改是动画的

我注意到，如果 zoomScale 大于 0.5，则跳跃不会那么大。另外，如果我使用 setZoomScale:animated: 而不是 animateWithDuration，错误就会消失，但我无法使用它，因为我需要链接动画。

以下是我所做的总结（github 中的代码包括这些更改）：

• 从 Downloaded ZoomingPDFViewer http://developer.apple.com/library/ios/ #samplecode/ZoomingPDFViewer/Introduction/Intro.html 并在 XCode 中打开它
• 更改了构建设置 |建筑 |最新 iOS (iOS 4.3) 的基础 SDK 更改了构建设置 | GCC 4.2 - 语言 |编译源 对于 Objective-C++，从
• 项目中删除了 TestPage.pdf，在
• 项目中添加了“whoiam 5 24cropped 3-2.pdf”，在其位置
• 添加了 PDFScrollView *scrollView; 到 ZoomingPDFViewerViewController< /code> 类
• 更改了 ZoomingPDFViewerViewController 中的 loadView 以初始化 scrollView 而不是sv
• 在 PDFScrollview.m 中的 ZoomingPDFViewerViewController 中添加了 viewDidLoad、handleTapFrom:recognizer 和 zoomOut
• 注释掉 scrollViewDidEndZooming:withView:atScale 和 scrollViewWillBeginZooming:withView: 因为它们在分散注意力的图像背景

非常感谢您对我的耐心以及所有帮助！

Answer 1

关于缩放最难理解的事情之一是它总是发生在称为锚点的点周围。我认为理解它的最好方法是想象一个坐标系叠加在另一个坐标系之上。假设 A 是外部坐标系，B 是内部坐标系（B 将是滚动视图）。当B的偏移量为(0,0)且比例尺为1.0时，则点B(0,0)对应A(0,0)，一般情况下B(x,y) = A(x,y) ）。

此外，如果 B 的偏移量为 (xOff, yOff)，则 B(x,y) = A(x - xOff, y - yOff)。同样，这仍然假设缩放比例为 1.0。

现在，再次让偏移量为 (0,0) 并想象一下当您尝试缩放时会发生什么。屏幕上必须有一个点在缩放时不会移动，而其他所有点都会从该点向外移动。这就是锚点定义的内容。如果您的锚点为 (0,0)，则左下角点将保持固定，而所有其他点向上和向右移动。在这种情况下，偏移量保持不变。

如果您的锚点是 (0.5, 0.5)（锚点已标准化，即 0 到 1，因此 0.5 是跨度的一半），则中心点保持固定，而所有其他点向外移动。这意味着偏移量必须改变才能反映这一点。如果在纵向模式下的 iPhone 上并且缩放到比例 2.0，则锚点 x 值将移动屏幕宽度的一半，320/2 = 160。

屏幕上滚动视图内容视图的实际位置由偏移量定义和锚点。因此，如果您只是更改下面的图层锚点而不对偏移进行相应的更改，您将看到视图似乎跳转到不同的位置，即使偏移是相同的。

我猜这是这里的根本问题。当您设置缩放动画时，核心动画必须选择一个新的锚点，以便缩放“看起来”正确。这也将改变偏移量，以便屏幕上的视图实际可见区域不会跳跃。尝试在整个过程中的不同时间记录锚点的位置（它是在您使用视图“层”属性访问的任何视图的底层 CALayer 上定义的）。

另外，请参阅此处的文档 对于漂亮的图片，并且可能比我在这里给出的情况更好地描述:)

最后，这是我在应用程序中使用的一段代码，用于更改图层的锚点，而无需在屏幕上移动。

-(CGPoint)setNewAnchorPointWithoutMoving:(CGPoint)newAnchor {
    CGPoint currentAnchor = CGPointMake(self.anchorPoint.x * self.contentSize.width,
                                        self.anchorPoint.y * self.contentSize.height);

    CGPoint offset = CGPointMake((1 - self.scale) * (currentAnchor.x - newAnchor.x),
                                 (1 - self.scale) * (currentAnchor.y - newAnchor.y));


    self.anchorPoint = CGPointMake(newAnchor.x / self.contentSize.width,
                                   newAnchor.y / self.contentSize.height);

    self.position = CGPointMake(self.position.x + offset.x, self.position.y + offset.y);

    return offset;
}

Answer 2

我一直在玩你发布的代码，我想我已经发现发生了什么。当您像代码中那样执行块动画时：

[UIView animateWithDuration:4.0
                 animations:^ {
                     self.scrollView.zoomScale = 0.5;
                 }
                 completion:nil];

动画块实际上在动画开始时被调用。核心动画在内部处理使其看起来像实际在移动的图层。有一个 ，zoomScale 不在其中。

当zoomScale改变时，scrollView会自动更新它的contentOffset。因此，当动画开始时，您看到的跳跃是针对新的 ZoomScale 调整 contentOffset。然后将图层动画化到正确的缩放比例，但目标 contentOffset（即缩放结束时的 contentOffset 应该是什么）已在缩放开始时设置。

这也是为什么缩放看起来像是以屏幕外的某个点为中心的原因。您要么必须使用 setZoomScale:animated: 要么自己为图层和偏移设置动画......

Answer 3

您应该使用scrollViewDidEndZooming:withView:atScale 来通知您缩放何时完成。否则，我相信您将不得不删除 UIScrollView 属性 ZoomScale 的使用，而是完全手动实现缩放，例如 http://jonathanwatmough.com/2008/12/implementing-tap-to-zoom-in-uiscrollview-on-an-iphone/。

Answer 4

当我的 viewForZoomingInScrollView 函数直接返回滚动视图时，我遇到了许多缩放错误。

当我在包含所有内容的scrollView中设置一个视图并将其返回到viewForZoomingInScrollView中后，许多奇怪的行为都消失了。也许这也应该解决您的问题：

-(void) someIntializationFunction {
    [myScrollView addSubView:self.globalContainer];
    // Now had everything in the container and not in the scrollView directly
    ....
}

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

另一件事，我已经看到zoomToRect：函数比更改scrollView的zoomScale更可靠。即使您需要进行更多计算，这也可能有所帮助......

Answer 5

我认为您必须在每个滚动事件上自己操作 contentInset 和/或 contentOffset 。操纵锚点不会有帮助。看看 这个问题 和我的回答。