SwiftUI开发教程系列 - 第2章:基础布局与视图
2.1 SwiftUI视图结构
SwiftUI的UI布局是通过嵌套视图结构来完成的,视图以声明的方式组合、排列,形成一个层次化的界面。所有UI元素都是基于View协议的,因此我们可以将任何视图嵌入到另一个视图中。
2.2 基本视图组件
SwiftUI 提供了丰富的基础UI组件,以下是一些常用的基础组件:
• Text:用于显示文本内容
• Image:用于显示图片
• Button:用于创建交互按钮
示例代码
import SwiftUI
struct BasicComponentsView: View {
var body: some View {
VStack {
Text("Hello, SwiftUI!")
.font(.title)
.padding()
Image(systemName: "star.fill")
.foregroundColor(.yellow)
.font(.system(size: 40))
Button(action: {
print("Button was tapped")
}) {
Text(