70、iOS开发：Stack View与iPad多任务处理全解析

iOS开发：Stack View与iPad多任务处理全解析

1. iOS 16 Stack View教程

1.1 关于Stack View示例应用

本示例应用旨在展示如何使用 UIStackView 类设计用户界面。该应用由一个场景构成，包含多个栈视图实例，共同构建出一个咖啡订购应用的界面。

1.2 创建第一个栈视图

1. 基于App模板创建一个名为 StackViewDemo 的新Xcode iOS项目。
2. 选择 Main.storyboard 文件，点击画布左下角的设备设置，选择iPad配置。
3. 从库面板拖放两个标签到故事板画布，并编辑标签文本。
4. 选择最上面的标签，在属性检查器中设置字体为标题字体。
5. Shift点击两个标签，使用故事板画布右下角的“Embed In”按钮将它们添加到垂直栈视图中，并选择“Stack View”选项。
6. 显示文档大纲面板，找到新插入的栈视图，重命名为“Title Stack View”。

1.3 创建横幅栈视图

1. 拖放一个图像视图到场景中，调整位置和大小。
2. 选择图像视图，在属性检查器中将内容模式设置为“Aspect Fit”。
3. 下载相关图像文件，将 BlueCoffeeCup.png 和 RedCoffeeCup.png 拖放到项目导航