UIScrollView 自定义分页距离

Question

我在 UIScrollView 中有一个 UIImage（图像的宽度 > 320px）（覆盖整个屏幕宽度）并想要一个分页效果。

我找到的所有教程/示例都解释了如何使用多个 UIImages 或 UIVIews 进行操作，但我在 UIScrollView 中只有 1 个 UIImage。我的目标是创造一种类似“卷尺”的效果。并且滚动视图应该在磁带的每个标记上“翻页”？

如何在小于 UIScrollView 宽度的距离上进行分页？！

Answer 1

我想不出比动态计算更简洁的解决方案。如果所需的页面长度为 100 像素，则“滑动” UIImage 以使其相对于实际页面保持不变。所以类似于：

CGFloat pageWidth = 100;
int numPages = ceilf(myImageView.bounds.size.width / pageWidth);
scrollView.contentSize = CGSizeMake(numPages * scrollView.bounds.size.width,
                                  scrollView.bounds.size.height);

然后继承滚动视图的layoutSubviews方法：

- (void)layoutSubviews {
    int numPages = ceilf(myImageView.bounds.size.width / pageWidth);
    CGRect visibleBounds = [self bounds];
    CGFloat start = visibleBounds.origin.x;
    CGFloat offset = start / pageWidth;
    myImageView.frame = CGRectMake(offset, myImageView.frame.origin.y,
                                   myImageView.frame.size.width,
                                   myImageView.frame.size.height);
}   

我根本没有测试过这个，但希望它能让你走上正轨。这个应该做的是在你滚动时移动图像，这样看起来每个“页面”只移动图像 100px。