带有 2 个子视图的 UIScrollView 的自动布局

Question

我有一个滚动视图，它设置在带有自动布局约束的情节提要内，以便填充整个视图。滚动视图包含两个由从 nib 实例化的 UIViewControllers 管理的视图。包含这些子视图的代码：

- (void)viewDidLoad {
[super viewDidLoad];
ContentViewController *contentVC = [ContentViewController new];
[[NSBundle mainBundle] loadNibNamed:@"ContentView" owner:contentVC options:nil];

self.scrollView.delegate = self;
[self addChildViewController:contentVC];
[self.scrollView addSubview:contentVC.contentTC.view];
[contentVC didMoveToParentViewController:self];
[self addChildViewController:contentVC.contentTC];

self.view.layer.borderColor = [[UIColor blackColor] CGColor];
self.view.layer.borderWidth = 5.0;
self.scrollView.layer.borderColor = [[UIColor blueColor] CGColor];
self.scrollView.layer.borderWidth = 5.0;
CGRect adminFrame = contentVC.view.frame;
adminFrame.origin.x = adminFrame.size.width;

ShareViewController *shareViewController = [[ShareViewController alloc] initWithNibName:@"ShareView" bundle:nil];
[self addChildViewController:shareViewController];
[self.scrollView addSubview:shareViewController.view];

shareViewController.view.frame = adminFrame;


CGRect shareFrame = shareViewController.view.frame;
shareFrame.origin.x = shareFrame.size.width;

[self.view addSubview:self.scrollView];

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.scrollView
                                                       attribute:NSLayoutAttributeRight
                                                       relatedBy:NSLayoutRelationEqual
                                                          toItem:self.view
                                                       attribute:NSLayoutAttributeRight
                                                      multiplier:1.0
                                                        constant:0]];

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.scrollView
                                                       attribute:NSLayoutAttributeBottom
                                                       relatedBy:NSLayoutRelationEqual
                                                          toItem:self.view
                                                       attribute:NSLayoutAttributeBottom
                                                      multiplier:1.0
                                                        constant:0]];


// 4) Finally set the size of the scroll view that contains the frames
CGFloat scrollWidth  = 2 * self.view.frame.size.width;
CGFloat scrollHeight  = self.view.frame.size.height;
self.scrollView.contentSize = CGSizeMake(scrollWidth, scrollHeight);
self.scrollView.pagingEnabled = YES;
self.scrollView.showsHorizontalScrollIndicator = NO;
self.scrollView.bounces = NO;

没有能力发布图片，但这里有一个链接到它的样子：

dropbox.com/s/e84ya3ffrdzytac/Screenshot%202015-08-19%2011.52.15.png

在iphone 6+模拟器中，scrollview的宽度和高度都比window小，所以右边和底部都有空白。

在 iPhone 4S 模拟器中，宽度是正确的，但是子视图比窗口长，这意味着它们会向下滚动。这仅适用于 iPhone 5，即使所有视图都是推断出来的，并且没有针对 4 英寸屏幕进行设置。

抱歉，如果这是一个多余的问题，但我一直在搜索 SO 并将我的头撞到墙上两天了，我们将不胜感激。

** 编辑：更新的代码和行为：**

- (void)viewDidLoad {
[super viewDidLoad];
ContentViewController *contentVC = [ContentViewController new];
[[NSBundle mainBundle] loadNibNamed:@"ContentView" owner:contentVC options:nil];

self.scrollView.delegate = self;
self.scrollView.pagingEnabled = YES;
self.scrollView.showsHorizontalScrollIndicator = NO;
self.scrollView.bounces = NO;
self.scrollView.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:self.scrollView];

UIView *contentView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width * 2, self.view.frame.size.height)];
[self.scrollView addSubview:contentView];

[self addChildViewController:contentVC];
[contentView addSubview:contentVC.contentTC.view];
[contentVC didMoveToParentViewController:self];
[self addChildViewController:contentVC.contentTC];

CGRect adminFrame = contentVC.view.frame;
adminFrame.origin.x = adminFrame.size.width;


ShareViewController *shareViewController = [[ShareViewController alloc] initWithNibName:@"ShareView" bundle:nil];
[self addChildViewController:shareViewController];
[contentView addSubview:shareViewController.view];

shareViewController.view.frame = adminFrame;

self.view.layer.borderColor = [[UIColor blackColor] CGColor];
self.view.layer.borderWidth = 3;

self.scrollView.layer.borderColor = [[UIColor blueColor] CGColor];
self.scrollView.layer.borderWidth = 5;

contentView.layer.borderColor = [[UIColor greenColor] CGColor];
contentView.layer.borderWidth = 7;


CGRect shareFrame = shareViewController.view.frame;
shareFrame.origin.x = shareFrame.size.width;

[self.scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[v]|" options:0 metrics:nil views:@{@"v" : contentView}]];
[self.scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[v]|" options:0 metrics:nil views:@{@"v" : contentView}]];

结果：dropbox.com/s/29zwwn6inmdvz0e/Screenshot%202015-08-19%2014.27.47.png?dl=0 , dropbox.com/s/rqsdk9yubq84ph6/Screenshot%202015-08-19%2014.28.14 .png?dl=0

这是来自故事板的约束图像：dropbox.com/s/8c5wkfw81sqd8ij/Screenshot%202015-08-19%2014.28.47.png?dl=0（将边缘固定到超级视图）

Answer 1

从左、右、上和下绑定你的滚动视图然后它看起来很好。

它看起来像..

这是我用你写的代码

• (void)viewDidLoad

{

[super viewDidLoad];

UIViewController *contentVC = [[UIViewController alloc]init];
contentVC.view.backgroundColor = [UIColor greenColor];
self.scrollView.delegate = self;
[self addChildViewController:contentVC];
[self.scrollView addSubview:contentVC.view];
[contentVC didMoveToParentViewController:self];
[self addChildViewController:contentVC];

self.view.layer.borderColor = [[UIColor blackColor] CGColor];
self.view.layer.borderWidth = 5.0;
self.scrollView.layer.borderColor = [[UIColor blueColor] CGColor];
self.scrollView.layer.borderWidth = 5.0;
CGRect adminFrame = contentVC.view.frame;
adminFrame.origin.x = adminFrame.size.width;

UIViewController *shareViewController = [[UIViewController alloc] init];
shareViewController.view.backgroundColor = [UIColor grayColor];
[self addChildViewController:shareViewController];
[self.scrollView addSubview:shareViewController.view];

shareViewController.view.frame = adminFrame;


CGRect shareFrame = shareViewController.view.frame;
shareFrame.origin.x = shareFrame.size.width;

[self.view addSubview:self.scrollView];

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.scrollView
                                                      attribute:NSLayoutAttributeRight
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:self.view
                                                      attribute:NSLayoutAttributeRight
                                                     multiplier:1.0
                                                       constant:0]];

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.scrollView
                                                      attribute:NSLayoutAttributeBottom
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:self.view
                                                      attribute:NSLayoutAttributeBottom
                                                     multiplier:1.0
                                                       constant:0]];


// 4) Finally set the size of the scroll view that contains the frames
CGFloat scrollWidth  = 2 * self.view.frame.size.width;
CGFloat scrollHeight  = self.view.frame.size.height;
self.scrollView.contentSize = CGSizeMake(scrollWidth, scrollHeight);
self.scrollView.pagingEnabled = YES;
self.scrollView.showsHorizontalScrollIndicator = NO;
self.scrollView.bounces = NO;

}