使用 Auto Layout 在 iOS 中垂直滚动内容

这是一个 iOS 库，帮助垂直滚动屏幕内容，类似于网页浏览器中的内容滚动。代码是用 Swift 2.0 编写的。

设置

您可以通过三种方式将 Scrollable 添加到您的 Xcode 项目中。

添加源代码（iOS 7+）

只需将 ScrollableDistrib.swift 文件添加到您的 Xcode 项目中。

使用 Carthage 设置（iOS 8+）

或者，将 github "marketplacer/Scrollable" ~> 2.0 添加到您的 Cartfile，然后运行命令 carthage update。

使用 CocoaPods 设置（iOS 8+）

如果您正在使用 CocoaPods，请将以下文本添加到您的 Podfile，并运行 pod install。

use_frameworks!
target 'Your target name'
pod 'Scrollable', '~> 2.0'

使用说明

1. 如果您使用了 Carthage 或 CocoaPods 设置方法，请在您的代码中添加 import Scrollable。
2. 将带有必要约束的滚动视图添加到您的 storyboard 中。
3. 在 storyboard 中，将内容视图拖放到 滚动视图 中（您的标签、图片等）。
4. 如果您已经将所有控件添加到 storyboard 中但还没有滚动视图，您可以选择控件并点击菜单 编辑 > 嵌入 > 滚动视图。这将自动创建一个滚动视图并将所有选定的控件放入其中。
5. 为所有内容视图添加自动布局约束。关键是要确保 滚动视图的所有四边 都有与边框内容视图的布局约束。这将使滚动视图的内容大小扩展以适应所有子内容视图。

布局滚动视图内容

1. 从 storyboard 中，为您的视图控制器创建一个 scrollView 端口用于滚动视图。
2. 在视图控制器的 viewDidLoad 中调用

Scrollable.createContentView(scrollView)

它是如何工作的

Scrollable.createContentView 函数创建一个 内容视图 并将所有滚动视图子视图嵌入其中。然后它遍历所有滚动视图约束并将它们移动到 内容视图 中。

故障排除

• 在为内容视图创建自动布局约束时，请使用数字值来设置 Constant 字段。当留空（Standard）时，它将抛出异常

Assertion failure in -[NSLayoutConstraint constant], /SourceCache/Foundation/Foundation-1047.25/Layout.subproj/NSLayoutConstraint.m:601
2014-11-28 11:53:27.816 scrolled-content[2821:60b] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: '(null)'

• 清除视图控制器属性检查器中的 调整滚动视图内边距 复选框，以移除滚动视图顶部的边距。

归属

壁虎图片由 Adrián Rodríguez 制作，取自 http://www.freeimages.com/photo/1339784。

许可证

Scrollable 在 MIT 许可证 下发布。