SwiftUI官方教程 | Creating and Combining Views | 创建和组合视图

原文地址：

https://developer.apple.com/tutorials/swiftui/creating-and-combining-views

简单介绍：

本教程将指导您构建 Landmarks — 一款用于发现和分享您喜爱的地点的应用程序。 您将首先构建显示地标详细信息的视图。

为了布局视图，Landmarks 使用堆栈来组合和分层图像和文本视图组件。 要向视图添加地图，您将包含一个标准的 MapKit 组件。 当您优化视图的设计时，Xcode 会提供实时反馈，因此您可以查看这些更改如何转化为代码。

 

知识点：

基础使用

1. 如何创建一个SwiftUI Xcode 工程
2. 如何用文字组件显示出 Hello World
3. 如何使用SwiftUI 实时预览功能

 

Text 组件的使用

1. 在 preview 上双击文字，调出 Inspector，可以在 Inspector 中修改 Text 组件的属性，比如内容、字体、颜色等
2. 按住 Command 按键，同时鼠标点击也可以调出 Inspector
3. 如何用代码修改 Text 组件的属性

 

Stack 视图的使用

1. 使用 VStack 创建一个纵向的大标题和小标题的组件
2. 使用 HStack 给小标题纵向加一个“城市”名称
3. Spacer() 和 padding 的使用