Swift UI中的布局約束與自動調整

在SwiftUI中，布局約束和自動調整是通過使用不同的屬性和方法來實現的

1. GeometryReader：GeometryReader允許你在視圖內部訪問其幾何信息，如大小和位置。你可以使用它來根據父視圖或其他視圖的大小和位置自動調整子視圖的大小和位置。

struct ContentView: View {
    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("Hello, SwiftUI!")
                    .background(Color.red)
                    .onAppear {
                        print("Geometry: \(geometry.size)")
                    }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.blue)
        }
    }
}

2. Alignment：Alignment屬性允許你指定子視圖在其父視圖中的對齊方式。你可以將其設置為.leading、.trailing、.center、.top、.bottom或它們的組合。

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Left")
                .alignment(.leading)
            Text("Center")
                .alignment(.center)
            Text("Right")
                .alignment(.trailing)
        }
        .padding()
    }
}

3. Spacer：Spacer是一個沒有內容的視圖，用于在視圖之間創建空間。你可以使用它來自動調整視圖之間的間距。

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Left")
            Spacer()
            Text("Right")
        }
    }
}

4. Axis：Axis屬性允許你指定子視圖應沿著哪個軸（水平或垂直）進行布局。

struct ContentView: View {
    var body: some View {
        Row {
            Text("Left")
            Text("Center")
            Text("Right")
        }
        .axis(horizontal)
    }
}

5. Priority：Priority屬性允許你指定一個視圖的重要性。當父視圖的空間不足時，具有較高優先級的視圖將覆蓋具有較低優先級的視圖。

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Left")
                .priority(.high)
            Text("Center")
            Text("Right")
                .priority(.low)
        }
    }
}

通過使用這些屬性和方法，你可以輕松地實現布局約束和自動調整功能。