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

Question

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

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

（澄清一下，所有按钮的宽度都等于它们的父视图，高度与父视图成比例，并且所有按钮之间没有间距）

这就是我卡住的地方。我想要上面所说的比例，但也希望在滚动到时显示第 5 个按钮，可能在现在可见屏幕的 10% 处（第一个按钮现在没有完全显示自己）。有没有办法做到这一点？

Answer 1

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

我只使用故事板制作了一个简单的原型（并在运行时属性部分设置滚动视图的 contentSize，但如果您需要务实地确定按钮大小，这可以在代码中完成。