布局系统

SwiftUI 提供多种布局容器和工具，帮助开发者设计自适应和整洁的界面。

主要布局容器

• VStack：垂直堆叠子视图。

VStack {
    Text("上方")
    Text("下方")
}

• HStack：水平排列子视图。

HStack {
    Text("左边")
    Text("右边")
}

• ZStack：层叠视图，类似叠加。

ZStack {
    Image("背景")
    Text("前景文本")
}

布局修饰符

• padding()：添加内边距。
• frame(width:height:alignment:)：设置视图尺寸和对齐。
• Spacer()：弹性空间，推开视图。
• alignment：设置子视图对齐方式。

HStack {
    Text("左")
    Spacer()
    Text("右")
}
.padding()

响应式布局

SwiftUI 自动根据屏幕尺寸调整布局，支持多设备适配。

总结

SwiftUI 布局系统灵活且强大，通过组合容器和修饰符，轻松实现各种复杂界面。