Swift Academy · Lektion

GeometryReader til adaptive layouts

Aflæs den overordnede geometri for at opbygge proportionale og enhedstilpassede brugergrænseflader.

Lektion 4 af 412 trin

GeometryReader til adaptive layouts er en gratis Swift Academy-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Swift Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Swift Academy-kurset indeholder 4 lektioner i alt.

Velkommen

`GeometryReader` læser den tilgængelige størrelse fra forælderen, så du kan opbygge layouts, der står i forhold til skærmens eller beholderens dimensioner.

Grundlæggende brug

```swift GeometryReader { geo in Text("Width: \(Int(geo.size.width))") .frame(width: geo.size.width * 0.8) } ```

Egenskaber for GeometryProxy

`GeometryProxy` indeholder: • `size: CGSize` — den tilgængelige bredde og højde • `safeAreaInsets: EdgeInsets` — systemets sikre område • `frame(in:)` — rammen i et angivet koordinatsystem

Proportional dimensionering

```swift GeometryReader { geo in HStack(spacing: 0) { Color.blue.frame(width: geo.size.width * 0.6) Color.green } } ```

Koordinatsystemer

```swift GeometryReader { outer in VStack { GeometryReader { inner in let f = inner.frame(in: .named("outer")) Text("y: \(Int(f.minY))") } } } .coordinateSpace(name: "outer") ```

Sikkert område

```swift GeometryReader { geo in VStack { Spacer() Text("Bottom safe: \(Int(geo.safeAreaInsets.bottom))") .padding(.bottom, geo.safeAreaInsets.bottom) } } ```

Parallakseeffekt ved rulning

```swift ScrollView { ForEach(items) { item in GeometryReader { geo in let offset = geo.frame(in: .global).minY Image(item.image).offset(y: offset * 0.3) } } } ```

Preference Keys til layoutkommunikation

```swift struct HeightKey: PreferenceKey { static var defaultValue: CGFloat = 0 static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) { value = max(value, nextValue()) } } ``` Brug dem til at kommunikere underordnede visningers størrelser op gennem visningshierarkiet.

Hvornår du bør undgå GeometryReader

`GeometryReader` udfylder som standard al tilgængelig plads – det kan ødelægge layouts, hvis det bruges uforsigtigt. Foretræk `.frame(maxWidth:.infinity)` og fleksible stakke, når det er muligt.

Alternativ: Layout-protokollen

Swift 5.7+ introducerede `Layout`-protokollen til fuldt tilpassede layoutalgoritmer uden den ekstra belastning fra GeometryReader.

Hurtigt tjek

Hvad indeholder `GeometryProxy.size`?

Besvar den i den interaktive lektion

Opsummering

Vigtigste pointer: • `GeometryReader { geo in }` læser den størrelse, som forælderen tilbyder • `geo.size` — bredde og højde; `geo.safeAreaInsets` — systemets indvendige margener • `frame(in:)` — position i et navngivet eller globalt koordinatsystem • Brug PreferenceKeys til at kommunikere størrelser op gennem hierarkiet • Foretræk fleksible layouts frem for GeometryReader, når det er muligt Kurset er færdigt! Næste: Dataflow i SwiftUI.

Gratis at komme i gang

Lær Swift med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 122
Lektioner: 409

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “GeometryReader til adaptive layouts” gratis?

Ja — alle 3 lektioner i læringssporet Swift Academy, inklusive “GeometryReader til adaptive layouts”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Swift Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “GeometryReader til adaptive layouts”?

Aflæs den overordnede geometri for at opbygge proportionale og enhedstilpassede brugergrænseflader. Du øver dig i Swift Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Swift Academy?

Der kræves ingen tidligere erfaring. Swift Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.

Hvor lang tid tager lektionen “GeometryReader til adaptive layouts”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Swift Academy-lektion?

Ja. Alle Swift Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

Grundlæggende om VStack, HStack og ZStack
LazyVGrid og LazyHGrid
Spacer-, padding- og frame-modifikatorer
GeometryReader til adaptive layouts

← Tilbage til Swift Academy