分页 UIScrollView 中的干净自动旋转转换

Question

我有一个分页 UIScrollView，用户可以在其中水平翻阅图像，例如 Apple 的 Photos.app。这可行，但现在我正在尝试添加旋转支持。

我已经让视图旋转正常，并设法正确设置 contentSize、边界和子视图的框架以适应不同的方向。所以旋转之前和之后，一切都OK。

然而，过渡本身很尴尬。第一个图像完美旋转，就好像旋转轴位于图像的死点（滚动视图框架）。第二张图像“摆动”，因为旋转轴位于同一位置：第一张图像的中心。距离第一张图像越远，“摆动”越快。

我可以通过在旋转之前覆盖不透明的 UIView 并在旋转之后隐藏它来掩盖这一点。但这是一个黑客行为。必须有一种优雅的方法来做到这一点......

Answer 1

听起来您正在应用魔法，需要以错误的方式将旋转版本显示在屏幕上的正确位置。

由于您没有分享任何代码，因此以下内容只是猜测。据推测，您应用了旋转和平移。 听起来就像您正在旋转 UIScrollView 的内容。做到这一点将很棘手。如果没有代码，很难说出任何结论，但如果您只有 1 次旋转和 1 次平移，那么您的做法是错误的。您需要将当前视图平移到枢轴点，旋转，然后平移回来。否则，平移将成为旋转的一部分（因此会有大摆动）。

您最好旋转 UIScrollView 本身。它将始终位于具有定义中心的定义位置（即：屏幕）。然后内容将随之旋转。

Answer 2

一个有效的简单解决方案是在 UIScrollView 的 contentSize 更改时注册通知，然后更新 contentOffset。

在您的视图加载方法中添加此行：

[self addObserver:theScrollView forKeyPath:@"contentSize" options:0 context:nil];

在您的视图卸载方法中添加此行：

[self removeObserver:self forKeyPath:@"contentSize"];

捕获通知：

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
{
    theScrollView.contentOffset = page * theScrollView.bounds.width;
}

Answer 3

坦白说，我不知道你在做什么，因为你根本没有向我们展示太多。

但！

我创建了一个示例项目，在滚动视图中包含一些视图，并且工作正常。请随意按照您的意愿将其拆开。它的工作原理是创建 5 个视图，并将它们添加到滚动视图中。然后，在第一次设置这些视图后，每次应用程序旋转时，它都会调用我的方法 alignSubviews 将它们放置在正确的页面位置，并使它们与滚动视图的大小相同，同时更新滚动视图的 contentSize。在旋转发生之前，它会跟踪滚动视图当前所在的页面，然后在旋转期间将其重置到该页面（因为页面大小必须更改）。

下载“Rotolling”！

Answer 4

我记下这些附加信息以供以后参考。
我用 @jtvandes' 解决方案的想法解决了这个问题。
然而，就我而言，这些实现就足够了。再次强制布局打破了我的看法。

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration 
{
    currentPageOffset = [hostingScrollView contentOffset].x / [hostingScrollView bounds].size.width;
}
- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation duration:(NSTimeInterval)duration 
{
    //  Layout changed instantly at this time.
    //  So we have to force to set offset instantly by setting animation to NO.
    [hostingScrollView setContentOffset:CGPointMake([hostingScrollView bounds].size.width * currentPageOffset, 0.0f) animated:NO];
}