在SwiftUI中,布局可以通過多種方式實現,包括使用VStack
、HStack
、ScrollView
等視圖來組合和組織界面元素。以下是一些基本的SwiftUI布局示例:
VStack {
Text("Hello")
Text("World")
}
HStack {
Text("Hello")
Text("World")
}
ScrollView {
VStack(spacing: 20) {
ForEach(0..<100) {
Text("Item \($0)")
}
}
}
HStack {
Text("Hello")
Spacer()
Text("World")
}
GeometryReader { geometry in
VStack(spacing: geometry.size.width * 0.1) {
ForEach(0..<10) {
RoundedRectangle(cornerRadius: 10)
.fill(Color.blue)
.frame(height: geometry.size.width * 0.3)
}
}
}
List {
ForEach(0..<10) {
Text("Item \($0)")
}
}
NavigationView {
VStack {
Text("Hello")
Button(action: {
// Navigate to another view
}) {
Text("Go to Next View")
}
}
}
這些只是SwiftUI布局的一些基本示例。SwiftUI還提供了許多其他功能和視圖,如Spacer
、ColorBox
、Gradient
等,可以幫助你創建更復雜和自定義的布局。你可以查閱Apple的官方文檔以獲取更多信息和示例。