UIScrollView 中的 ViewController 约束，使用 Storyboard答案

【问题标题】：ViewController constraints in UIScrollView, using StoryboardUIScrollView 中的 ViewController 约束，使用 Storyboard
【发布时间】：2016-09-19 20:18:05
【问题描述】：

我有两个 UIViewControllers，故事板标识符为“vc0”和“vc1”，我试图在启用分页的情况下实例化 UIScrollView 内的对象，以便两个视图控制器彼此相邻。目标是让用户左右滑动以在视图控制器之间滑动，类似于 SnapChat。

在运行我的代码时，滚动视图的第一页包含第一个视图控制器，而第二页根本不包含任何内容。我假设这是因为第一个视图控制器与第二个重叠。我怎样才能改变我的约束（或任何东西）来解决这个问题，以便 vc0 的右边缘与 vc1 的左边缘相遇？

UIScrollView 包含在 UIView 中，在视图控制器中。这是包含所有相关代码的 viewDidLoad()。请让我知道我应该提供的任何其他有用信息。

override func viewDidLoad()
{
    super.viewDidLoad()

    let screenWidth = self.view.frame.width
    let screenHeight = self.view.frame.height

    let vc0 = self.storyboard?.instantiateViewControllerWithIdentifier("vc0")

    self.addChildViewController(vc0!)
    self.scrollView.addSubview(vc0!.view)
    vc0!.didMoveToParentViewController(self)

    let vc1 = self.storyboard?.instantiateViewControllerWithIdentifier("vc1")

    var frame1 = vc1!.view.frame 
    frame1.origin.x = self.view.frame.size.width
    vc1!.view.frame = frame1

    self.addChildViewController(vc1!)
    self.scrollView.addSubview(vc1!.view)
    vc1!.didMoveToParentViewController(self)

    self.scrollView.contentSize = CGSizeMake(self.view.frame.size.width * 2, self.view.frame.size.height);

    //ADD CONSTRAINTS TO vc0

    vc0!.view.translatesAutoresizingMaskIntoConstraints = false
    let horizontalConstraint = NSLayoutConstraint(item: vc0!.view, attribute: NSLayoutAttribute.Left, relatedBy: NSLayoutRelation.Equal, toItem: scrollView, attribute: NSLayoutAttribute.Left, multiplier: 1, constant: 0)
    view.addConstraint(horizontalConstraint)

    let widthConstraint = NSLayoutConstraint(item: vc0!.view, attribute: NSLayoutAttribute.Width, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: screenWidth)
    view.addConstraint(widthConstraint)

    let heightConstraint = NSLayoutConstraint(item: vc0!.view, attribute: NSLayoutAttribute.Height, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: screenHeight)
    view.addConstraint(heightConstraint)

    //ADD CONSTRAINTS TO vc1

    vc1!.view.translatesAutoresizingMaskIntoConstraints = false
    let horizontalConstraint2 = NSLayoutConstraint(item: vc1!.view, attribute: NSLayoutAttribute.Left, relatedBy: NSLayoutRelation.Equal, toItem: vc0!.view, attribute: NSLayoutAttribute.Right, multiplier: 1, constant: 0)
    view.addConstraint(horizontalConstraint2)

    let widthConstraint2 = NSLayoutConstraint(item: vc1!.view, attribute: NSLayoutAttribute.Width, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: screenWidth)
    view.addConstraint(widthConstraint)

    let heightConstraint2 = NSLayoutConstraint(item: vc1!.view, attribute: NSLayoutAttribute.Height, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: screenHeight)
    view.addConstraint(heightConstraint)
}

【问题讨论】：

不需要重新发明轮子，那里有很多开源库，即github.com/goktugyil/EZSwipeController
@t0day 如果它比现有的更好，就必须重新发明轮子。 :)

标签： ios swift uiscrollview uistoryboard nslayoutconstraint

【解决方案1】：

我觉得约束有问题！！

您应该将view 添加到scrollview，然后将add views of both VC 添加到该视图，而不是直接添加到滚动视图。

视图的大小应与scrollview's contentsize相同

现在你的约束应该是这样的：

滚动视图：顶部、底部、前导、尾随

在滚动视图中查看：顶部，底部，前导，尾随，容器中的垂直中心（中心 Y）和固定宽度（因为你想要水平滚动），如果想要垂直滚动那么约束应该是（容器中的水平中心（中心 X）和固定高度）。

您从两个 VC 中查看：顶部、前导、固定宽度、固定高度（宽度和高度应与屏幕尺寸相同）

希望这会有所帮助:)

【讨论】：