如何使用包含自动布局按钮的滚动视图

Question

我需要一些帮助来解决这个问题。

我有一个我需要实现的简单UI。我有4个按钮占据整个屏幕和滚动视图，我希望用户能够滚动以显示第5个按钮。我知道如何使用自动布局使我的前四个按钮显示我想要的方式。第一个按钮是可见屏幕的40％，第二个按钮是15％，第三个按钮是30％，最后一个按钮是可见屏幕的15％。应隐藏第5个按钮，但在用户向下滚动时显示。

（为了澄清，所有按钮的宽度都等于超视图，与superview的比例高度和所有按钮之间没有间距）

这是我被困的地方。我想要如上所述的比例，但也想要滚动到第5个按钮，可能是现在可见屏幕的10％（第一个按钮现在没有完全显示）。有没有办法做到这一点？

Answer 1

您可以将UIScrollView的contentSize设置为大于可见屏幕。按钮的大小和放置方式可以让所有5个按钮都可见（第5个按钮实际上在屏幕外）。滚动时，scrollView将使第5个按钮进入视图。

我只使用故事板编写了一个简单的原型（并在Runtime Attributes部分设置了scrollview的contentSize，但如果你需要务实地确定按钮大小，可以在代码中完成。