SwiftUI 于 WWDC 2019 首次推出,可帮助您利用 Swift 的强大功能以及极少的代码在所有 Apple 平台上构建外观精美的应用程序。只需使用一套工具和 API,您就可以在任何 Apple 设备上为所有人带来更好的体验。在本文中,我们将介绍 SwiftUI 的基础知识以及如何开始使用它。
让我们开始吧。
创建和布局视图
在 SwiftUI 中,视图是用户界面的构建块。您可以将它们视为 UIKit 的UIView. 要创建视图,您需要定义一个符合View协议的结构。以下是显示简单文本标签的视图示例:
struct ContentView: View {
var body: some View {
Text("Hello, World!")
}
}
要在容器内布置视图,您可以使用VStack、HStack和ZStack容器。这些容器允许您分别垂直、水平或相互堆叠视图。以下是使用 aVStack垂直布局两个文本视图的示例:
VStack {
Text("First")
Text("Second")
}
您还可以使用Spacer视图将其他视图推到容器的边缘。例如,以下代码将容器顶部和底部的两个文本视图对齐:
VStack {
Spacer()
Text("F