滚动视图

在 iOS 应用程序中，有时我们需要显示不适合屏幕的内容。 为了显示此类内容，我们在应用程序中使用 ScrollView。 ScrollView 允许用户拖动内容区域。 它是 UIScrollView 类的实例，它继承自 UIView。

ScrollView 允许滚动和缩放其包含的视图。 tableview 和 collectionview 是 UIScrollView 的子类，因此，这些类提供了一种很好的方式来显示大于屏幕的内容。 在 iOS 应用程序中，我们使用 tableview 来显示垂直可滚动内容，并使用 collectionview 来显示水平可滚动内容。

UIScrollView 对象的位置可以在内容视图上进行调整。 ScrollView 跟踪手指的移动并相应地调整其位置。

将 ScrollView 添加到界面

与其他对象相比，将 ScrollView 添加到界面构建器有点复杂。 我们需要定义自动布局规则，以指导滚动视图在不同屏幕设备上的布局和位置。

按照以下步骤使用界面构建器 (main.storyboard) 将滚动视图添加到界面。

• 在 main.storyboard 上搜索 ScrollView，然后将结果拖到 ViewController。

• 为 ScrollView 定义自动布局规则（约束），如下图所示。

• 将 ContentView 添加到 ScrollView 并为内容视图定义自动布局规则。

将 ContentView 的约束边距设置为 ScrollView 的 0。 我们还需要使它们的高度和宽度相等。

将 ContentView 的优先级设置为低，如下图所示。 这是此设置中最重要的一步；否则，滚动视图将不会滚动。

我们将在故事板上拥有 ScrollView 和 ContentView。 由于 ScrollView 仅在内容大小不适合 iPhone 屏幕的整个屏幕时才起作用。 我们在 XCode 的大小检查器中定义 ViewController 屏幕的大小。 默认情况下，ViewController 的模拟大小是固定的。 但是，我们需要将其设置为自由形式，并提供一个大于当前屏幕高度的高度，如下所示。

将 UILabel 添加到 ScrollView 的顶部、中心和底部，并在它们之间留出垂直间距，以测试 ScrollView 是否正常工作。 添加 UILabels 并更改背景颜色后，界面构建器将如下所示。

上面的设置将使 ScrollView 滚动以显示屏幕上的所有内容。

ScrollView 属性

UIScrollView 类包含以下属性。

示例

这是一个简单的示例，我们将创建一个 ScrollView 和 ContentView。 我们将在滚动视图中创建两个 UIViews 以显示实际内容。

界面生成器

在此示例中，我们将使用包含内容视图的滚动视图。 将滚动内容视图以显示两个 uiview。 为此，请使用本教程中给出的说明将滚动视图添加到界面构建器并将滚动视图添加到界面。

将 UIView 添加到 ScrollView 并为 UIView 定义自动布局规则。 将 UIView (ContentView) 添加到滚动视图后，我们需要将两个 UIViews 和一个 UIButton 添加到故事板。

为了使 ScrollView 可滚动，我们需要将 ViewController 大小从固定更改为自由形式，并在视图之间定义一些垂直间距。

设置 ScrollView、ContentView、UIviews 和提交按钮的自动布局规则。

ScrollView 的 AutoLayout 规则

ContentView 的 AutoLayout 规则

AdminDetailsView 的 AutoLayout 规则

UserDetailView 的 AutoLayout 规则

Main.storyboard

ViewController.swift

输出