如何使 UIScrollView 尊重包含 UIView 的布局？

Question

我使用 UIView 来控制视图的布局（以及视图控制器）。我希望 UIScrollView 仅使用垂直屏幕的一半。如果我使用屏幕的上半部分而不是下半部分，效果很好。

以下是 UIViewController 中的相关代码：

 - (void)loadView {
CGRect fullFrame = [[UIScreen mainScreen] applicationFrame]; 
//trying to put the scroll view on the bottom half of the screen, but does not work.
CGRect halfFrame = CGRectMake(0, fullFrame.size.height / 2 ,
    fullFrame.size.width, fullFrame.size.height / 2);
//use this instead for the scroll view to go to the top half of the screen (and work properly)
//CGRect halfFrame = CGRectMake(0, 0 , fullFrame.size.width, fullFrame.size.height / 2);

 UIScrollView* sv = [[UIScrollView alloc] initWithFrame:halfFrame]; 
[sv setContentSize:CGSizeMake(3 * halfFrame.size.width, halfFrame.size.height)];

CGRect stencilFrame = halfFrame;
UIView *leftView = [[UIView alloc] initWithFrame:stencilFrame];

stencilFrame.origin.x += stencilFrame.size.width;
UIView *centerView = [[UIView alloc] initWithFrame:stencilFrame];

stencilFrame.origin.x += stencilFrame.size.width;
UIView *rightView = [[UIView alloc] initWithFrame:stencilFrame];

//mix up the colors
[leftView setBackgroundColor:[UIColor redColor]];
[centerView setBackgroundColor:[UIColor greenColor]];
[rightView setBackgroundColor:[UIColor blueColor]];

//add them to the scroll view
[sv addSubview:leftView];
[sv addSubview:centerView];
[sv addSubview:rightView];

//turn on paging
[sv setPagingEnabled:YES];

UIView *containerView = [[UIView alloc]initWithFrame:fullFrame];
[containerView addSubview:sv];
[self setView:containerView];    
 }

提前感谢您的任何建议或帮助。

Answer 1

我想通了。问题的关键在于滚动视图中的视图是使用与滚动视图本身相同的框架来初始化的。当使用halfFrame初始化scrollView时，原点是（0，全屏尺寸的一半），这是可以的，因为它是相对于应用程序窗口本身的。然而，放置在scrollView内部的视图（如leftView）被初始化为halfFrame，但在这种情况下，原点是相对于scrollView的，有效地将它们放置在滚动视图之外。屏幕。将原点设置为 (0,0) 可以解决此问题：

CGRect stencilFrame = CGRectMake(0, 0, fullFrame.size.width , fullFrame.size.height / 2);

Answer 2

contentSize 必须包含滚动视图内视图的矩形。即，其中所有可滚动控件的总大小。 UIScrollView 的框架决定了需要多少滚动才能让用户浏览所有内容。

Answer 3

如果您有导航栏或选项卡栏，则无法使用“全框架”。一般来说，使用 [UIScreen mainScreen] 获取布局信息的代码可能是错误的。

此外，如果（例如）正在进行呼叫或启用网络共享，状态栏可以更改大小。

相反，对全帧使用任何合理的值并启用自动调整大小：

CGRect fullFrame = {{0,0}, {320,480}};

...

sv.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleTopMargin;

编辑：您可能还需要子类化 UIScrollView 并实现 -setFrame:，以便它还设置内容大小和-layoutSubviews 进行正确的布局。