iphone - 在 UIScrollView 中为 zoomScale 设置动画时不需要的滚动

Question

执行摘要:有时 UIScrollView 会对 contentOffset 的值进行不必要的更改，从而导致应用在正在查看的文档中显示错误的位置。不需要的更改与 ScrollView 的 zoomScale 的动画更改一起发生。

详细信息:在 UIScrollView 中使用 CATiledLayer 进行缩小时遇到问题。 CATiledLayer 保存一个 pdf，当 contentOffset 在一定范围内时，当我缩小时，contentOffset 被更改(这是错误)在缩放发生之前。 contentOffset 似乎在 Apple 的代码中发生了变化。

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

点击会导致 zoomScale 变为 0.5，使用 animateWithDuration，从而缩小。如果 UIScrollView 的 contentOffset.y 小于大约 2700 或大于 5900，则 zoomScale 动画工作正常。如果点击发生在 contentOffset.y 介于这两个值之间时，contentOffset.y 将跳到(非动画)大约 2700，然后 zoomScale 动画会发生，但同时会发生滚动，因此当动画完成时，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 中的代码包括这些更改):

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

非常感谢您对我的包容，以及所有的帮助!

Answer 1

理解缩放最棘手的事情之一是它总是发生在一个称为 anchor 的点周围。我认为理解它的最好方法是想象一个坐标系叠加在另一个坐标系之上。假设 A 是您的外部坐标系，B 是内部坐标系(B 将是 ScrollView )。当B的offset为(0,0)，scale为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) 并想象当您尝试缩放时会发生什么。缩放时屏幕上必须有一个点不会移动，并且其他每个点都从该点向外移动。这就是 anchor 所定义的。如果您的 anchor 是 (0,0)，那么左下角的点将保持固定，而所有其他点向上和向右移动。在这种情况下，偏移量保持不变。

如果你的 anchor 是 (0.5, 0.5)( anchor 是归一化的，即 0 到 1，所以 0.5 是一半)，那么中心点保持固定，而所有其他点向外移动。这意味着偏移量必须改变以反射(reflect)这一点。如果它在纵向模式下的 iPhone 上，并且缩放比例为 2.0， anchor x 值将移动屏幕宽度的一半，320/2 = 160。

ScrollView 内容 View 在屏幕上的实际位置由偏移量和 anchor 共同定义。因此，如果您只是简单地更改下面的层 anchor 而不对偏移量进行相应的更改，您将看到 View 似乎跳到了不同的位置，即使偏移量相同也是如此。

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

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

最后，这是我在应用程序中使用的一段代码，用于在图层不在屏幕上移动的情况下更改图层的 anchor 。

-(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;
}