使用自动布局的水平 UIScrollView

Question

我已经尝试这个有一段时间了，并且浏览了很多关于 SO 的帖子和一些视频教程。我想要创建的是一个水平滚动视图，其中包含一些按钮，如下所示：

我的视图层次结构如下：

• 视图控制器
  • 看法
    • 滚动视图
      • 看法
        • 纽扣

我已经为滚动视图设置了顶部、前导、尾随、底部约束。我已将其宽度设置为等于其超级视图，并将其高度设置为 200。到目前为止，对于滚动视图内的视图，我已将其相对于其超级视图的前导、尾随、顶部和底部约束设置为零即滚动视图。我已使其宽度等于视图控制器视图，因为这是解决宽度问题的解决方案。它解决了这个问题。现在我添加了所有按钮并将其约束设置到其父视图。现在，当我运行该应用程序时，会出现一个类似于上面添加的屏幕截图的屏幕，但是我无法滚动到最后一个元素。非常感谢任何帮助。

Answer 1

就是这么简单。

1. 取一个scrollView（绘制左上右下和高度约束）

2. 取一个UIView，它的作用就像一个容器 View。（用scrollView绘制左上右下约束）。

3. 将您的视图控制器设置为 1000px，以便您可以使您的滚动视图更大且易于观看。稍后您可以将其最小化。

4. 现在将按钮放在其中。请记住，每个按钮都有顶部前导宽度、高度和尾随（如果需要）。宽度和高度对于scrollView很重要，因为它的大小取决于它。

图片胜千字。

这是我的层次结构

这是Storyboard布局设计。白色背景基本上是containerView。

这是输出。为了更好地理解，我给出了一些颜色。