如何在 iOS 9 中创建 Stack View

Question

如题所述

Answer 1

1打开 Xcode 并创建 Single View Application，product name 填写IO9StackViewTutorial ，然后填好 Organization Name 和 Organization Identifier，Language 选择 Swift，Devices 选择 iPhone。
2.进入 Storyboard ，从界面右下角的 Object Library 里拖一个 Label 控件到主视图的上部。双击该 Label 并设置 title 为 “Swift”。从 Object Library 再拖一个 Image View，并放在 Label 下面。点击 下载 这张图片，把它添加到工程。选中 Image View 点击 Attribute Inspector。在 Image View 区域的 Image 字段选择 Apple_Swift_Logo.png，同时在 View 区域的 Mode 字段选择 Aspect Fit。
3.再拖一个 Button，并放在 Image View 下面。双击该 Button 并设置 title 为 “Start Coding”。
4.按住 Ctrl 键并选择主视图里的三个控件，点击 Storyboard 右下角的 Stack View 按钮。此时，Stack View 已经创建好了，唯一要做的事情就是设置自动布局约束(Auto Layout Constraints)。点选 Stack View 后点击 Pin 按钮，并设置 top constraint 为 50，点击”Add 1 Constraint”。
5.点击 Align menu 按钮，并选择”Horizontally in Container”，点击”Add 1 Constraint”，
6.按上面的步骤操作后，可能需要更新 frame，点击”Resolve Auto Layout Issues”按钮，然后再点击”Update Frames”。

可以在 Stack View 里改变子视图之间的间距(spacing)。
7.选择 Stack View 然后切换到 Attribute Inspector 选项卡，修改 Spacing 的值为 20。
8.编译并运行工程。在模拟器里旋转设备，可以看到 Stack View 能很好地适应不同方向。
9.可以在 Github 下载 IO9StackViewTutorial 工程的源代码。