Swift UI中的布局約束與自動(dòng)調(diào)整

在SwiftUI中，布局約束和自動(dòng)調(diào)整是通過(guò)使用不同的屬性和方法來(lái)實(shí)現(xiàn)的

1. GeometryReader：GeometryReader允許你在視圖內(nèi)部訪問(wèn)其幾何信息，如大小和位置。你可以使用它來(lái)根據(jù)父視圖或其他視圖的大小和位置自動(dòng)調(diào)整子視圖的大小和位置。

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屬性允許你指定子視圖在其父視圖中的對(duì)齊方式。你可以將其設(shè)置為.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是一個(gè)沒(méi)有內(nèi)容的視圖，用于在視圖之間創(chuàng)建空間。你可以使用它來(lái)自動(dòng)調(diào)整視圖之間的間距。

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

4. Axis：Axis屬性允許你指定子視圖應(yīng)沿著哪個(gè)軸（水平或垂直）進(jìn)行布局。

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

5. Priority：Priority屬性允許你指定一個(gè)視圖的重要性。當(dāng)父視圖的空間不足時(shí)，具有較高優(yōu)先級(jí)的視圖將覆蓋具有較低優(yōu)先級(jí)的視圖。

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

通過(guò)使用這些屬性和方法，你可以輕松地實(shí)現(xiàn)布局約束和自動(dòng)調(diào)整功能。