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

How to use a scrollview containing buttons with auto layout

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

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

(澄清一下,所有按钮的宽度都等于它们的父视图,高度与父视图成比例,并且所有按钮彼此之间没有间距)

这就是我卡住的地方。我想要上面所说的比例,但也希望第 5 个按钮在滚动到时显示,可能是现在可见屏幕的 10%(第一个按钮现在没有完全显示)。有办法吗?

您可以设置UIScrollView的contentSize大于可见屏幕。可以调整按钮的大小和放置方式,使所有 5 个按钮都可见(第 5 个按钮实际上不在屏幕上)。 scrollView 会在滚动时显示第 5 个按钮。

我仅使用情节提要(并在“运行时属性”部分中设置滚动视图的 contentSize)制作了一个简单的原型,但如果您需要务实地确定按钮大小,这可以在代码中完成。