如何创建具有“超大”尺寸的分页 UIScrollView页面

Question

是否有建议的方法来创建页面比 UISrollView 边界更宽的分页 UIScrollView？

我需要这样的东西。

在 page2 和分页模式下正常滚动，页面边缘有“橡皮筋”效果。

分页效果对我来说看起来有点复杂，如果你快速滑动，你会进入下一页，如果你滑动缓慢，你会在边缘看到新页面，只有在某个点之后页面才会更改。

也许有人可以阐明处理此问题的方法，仅使用 UIScrollViewDelegate 方法是否可以实现这一点，或者我是否必须子类化？

Answer 1

我印象深刻。这实际上比我一开始想象的要容易得多。

简单的解决方案是将每个页面封装在非分页滚动视图中。完成了。无需实现 UIScrollViewDelegate，无需子类化。三行额外的代码

对于常规大小的页面，我有这样的东西：

UIView *myCustomView = [[[UIView alloc] initWithFrame:CGRectMake(totalWidth, 0, width, height)] autorelease];
[mainScroller addSubview:myCustomView];
totalWidth += width;

现在我有这样的：

UIView *myCustomView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, bigWidth, height)] autorelease];
UIScrollView *secondaryScroller = [[[UIScrollView alloc] initWithFrame:CGRectMake(totalWidth, 0, width, height)] autorelease];
[secondaryScroller setContentSize:myCustomView.frame.size];
[secondaryScroller addSubview:myCustomView];
[mainScroller addSubview:secondaryScroller];
totalWidth += width;

三行。惊人的。

---

视图层次结构：

<UIScrollView: 0x4b32eb0; frame = (0 0; 768 1004); clipsToBounds = YES; autoresize = W+H; layer = <CALayer: 0x4b32d00>; contentOffset: {0, 0}>
   | <UIScrollView: 0x4b32710; frame = (0 0; 768 1004); clipsToBounds = YES; layer = <CALayer: 0x4b35580>; contentOffset: {0, 0}>
   |    | <UIView: 0x4b33f70; frame = (0 0; 1352 1004); layer = <CALayer: 0x4b16c20>>
   | <UIScrollView: 0x4b34790; frame = (768 0; 768 1004); clipsToBounds = YES; layer = <CALayer: 0x4b33e10>; contentOffset: {0, 0}>
   |    | <UIView: 0x4b30fa0; frame = (0 0; 789 1004); layer = <CALayer: 0x4b329f0>>
   | <UIScrollView: 0x4b34920; frame = (1536 0; 768 1004); clipsToBounds = YES; layer = <CALayer: 0x4b33180>; contentOffset: {0, 0}>
   |    | <UIView: 0x4b30d00; frame = (0 0; 1398 1004); layer = <CALayer: 0x4b33120>>
   | <UIScrollView: 0x4b31fe0; frame = (2304 0; 768 1004); clipsToBounds = YES; layer = <CALayer: 0x4b32170>; contentOffset: {0, 0}>
   |    | <UIView: 0x4b34c50; frame = (0 0; 863 1004); layer = <CALayer: 0x4b31f80>>
   | <UIScrollView: 0x4b32460; frame = (3072 0; 768 1004); clipsToBounds = YES; layer = <CALayer: 0x4b325f0>; contentOffset: {0, 0}>
   |    | <UIView: 0x4b323d0; frame = (0 0; 1064 1004); layer = <CALayer: 0x4b32400>>

Answer 2

我使用了本教程 -

http://www.edumobile .org/iphone/iphone-programming-tutorials/pagecontrol-example-in-iphone/

如果您想制作更大的页面，您可以在本教程中增加 PageControlExampleViewControl 的视图大小。假设将其宽度设置为 360 而不是默认的 320。

Answer 3

据我所知，没有办法直接使用scrollviews分页属性来实现这一点。

您必须实现自己的 UIScrollView 子类，并且在实现文件中您需要实现：

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event;
-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event;
-(void)touchesEnded:(NSSet*)touches withEvent:(UIEvent*)event; 

使用 contentOffset 属性计算出滚动视图滚动了多少。

并利用 UIScrollViews 的 scrollRectToVisible: 来实现您自己的自定义滚动功能。

[self scrollRectToVisible:CGRectMake(horizontalScrollAmount,virticalScrollAmount,rectWidth,rectHeight) animated:NO];

事件链类似于：记录开始触摸的位置，如果触摸移动，通过检查其 x/y 坐标是否大于或小于其起始位置来找出它移动的方向，如果touch 在屏幕上移动了足够的距离，然后使用 scrollRectToVisible: 按指定的分页大小滚动视图。