滚动视图中的自定义页面视图设计

Question

我的目标

基本上，我想实现像this这样的内容：一个可以滑到屏幕底部每个页面的视图。

我的背景

我熟悉swift和storyboard，但对Objective-c或nib（xib）知之甚少

我的尝试

• 一开始，我知道启用UIScrollView的PagingMode可以满足我的需求。然后我检查了Apple提供的 Scroll View编程指南：iOS：使用分页模式滚动。 PageControl 示例非常接近，但它使用了nib文件，我真的不知道如何自定义它。
• 我还找到了[UIPageViewController]的教程，但我不知道它是否可以调整到我的屏幕底部。
• 我搜索了各种各样的内容，直到找到UIScrollView Tutorial: Getting Started。它涵盖了很多并且是用swift编写的，但它仍然只是将一个imageView作为一个contentView放在scrollView中。

我的问题

1. 如何制作一个页面的自定义视图，作为故事板中每个页面数据的模板以及所有这些链接内容？ （如果最好使用nib文件，可以参考引用）
2. 如何使用scrollview进行自动布局以满足
   • 滚动视图仅显示屏幕的底部
   • 内容视图中的标签，按钮（一页）布局正确
3. 如果有更简单或更好的方法来实现我的目标，请告诉我！

注意由于缺乏声誉而抱歉不超过2个链接

Answer 1

我可以回答＃2：

确保选中scrollView。现在，转到编辑器 - ＆gt; pin - ＆gt; 超级视图的领先空间。

重复底部空间到superview 和尾随空间到superView 。

接下来， ctrl +拖动从scrollView到超级视图本身。选择相等宽度。

最后，通过从故事板中单击左键来选择约束，或选择scrollView并从大小检查器中选择它。

将约束的常量值更改为 0 。将乘数更改为 0.5 。确保第一项是scrollView，如果没有，请点击下拉框并反转第一项和第二项。

这将为您提供所需的scrollView：超级视图高度的0.5倍（屏幕的一半）。

Answer 2

您可以将集合视图与自定义流布局一起使用 你可以参考这个并在UICollectionViewFlowLayout中进行更改。

这是我的自定义：