SwiftUI Academy · Les

De basis van GeometryReader

Meet de beschikbare ruimte om de inhoud de juiste afmetingen te geven.

Les 1 van 413 stappen

De basis van GeometryReader is een gratis SwiftUI Academy-les op CoddyKit. Dit is les 1 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject SwiftUI Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus SwiftUI Academy bevat in totaal 4 lessen.

Ruimte meten

Soms moet een weergave weten hoe groot haar beschikbare ruimte is. GeometryReader geeft je de exacte grootte en positie van de ruimte die de weergave inneemt. 📐

Het is een container

Een GeometryReader is een weergave waarvan de body een closure is die een proxy ontvangt met een beschrijving van de beschikbare ruimte.

GeometryReader { proxy in
    Text("Hi")
}

De proxy

Die closure-parameter is een GeometryProxy. Deze bevat de grootte, de insets van het veilige gebied en het frame van de reader.

GeometryReader { proxy in
    let w = proxy.size.width
    Color.blue.frame(width: w)
}

De grootte lezen

De meestgebruikte eigenschap is proxy.size, een CGSize die u de breedte en hoogte geeft die u kunt vullen.

GeometryReader { proxy in
    Text("\(proxy.size.width)")
}

De helft van de breedte

Gebruik de gemeten breedte voor verhoudingsgewijze afmetingen, bijvoorbeeld om een balk precies de helft van de beschikbare breedte te laten innemen.

GeometryReader { proxy in
    Color.green
        .frame(width: proxy.size.width / 2)
}

Het vult standaard de ruimte

Een GeometryReader neemt gretig alle ruimte in die de bovenliggende weergave aanbiedt. Daarom worden de onderliggende weergaven linksboven uitgelijnd, tenzij u ze centreert.

Inhoud centreren

Omdat de inhoud linksboven wordt vastgezet, kunt u deze omwikkelen of een frame met uitlijning toevoegen om de onderliggende weergaven in de lezer te centreren.

GeometryReader { proxy in
    Text("Center")
        .frame(width: proxy.size.width,
               height: proxy.size.height)
}

Globale coördinaten

Vraag de positie van een weergave in het venster op met proxy.frame(in: .global). Dat is handig voor scrolleffecten en overlays.

let f = proxy.frame(in: .global)
Text("\(f.minY)")

Inzet van het veilige gebied

De proxy stelt ook safeAreaInsets beschikbaar, zodat u in aangepaste indelingen rekening kunt houden met inkepingen en thuissymbolen.

let top = proxy.safeAreaInsets.top

Gebruik het met mate

Een GeometryReader verandert het gedrag van de indeling. Gebruik het daarom alleen wanneer u echt metingen nodig hebt, en niet als standaardomwikkeling. ⚠️

Scrolleffecten

In combinatie met een ScrollView kunt u door het frame van elk item uit te lezen parallax- en vervagingseffecten maken die zijn gekoppeld aan de scrollpositie.

Korte controle

Haal u voor de geest wat de afsluiting aan u doorgeeft.

Beantwoord dit in de interactieve les

Samenvatting

U kunt nu de beschikbare ruimte uitlezen met GeometryReader, weergaven verhoudingsgewijs schalen en frames uitlezen voor scrolbewuste effecten. 🎉

Gratis beginnen

Leer Swift met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 30
Lessen: 120

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “De basis van GeometryReader” gratis?

Ja — de volledige tekst van “De basis van GeometryReader” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus SwiftUI Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus SwiftUI Academy bevat in totaal 4 lessen.

Wat leer ik in “De basis van GeometryReader”?

Meet de beschikbare ruimte om de inhoud de juiste afmetingen te geven. Je oefent met SwiftUI Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met SwiftUI Academy te beginnen?

Ervaring vooraf is niet nodig. SwiftUI Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.

Hoe lang duurt de les “De basis van GeometryReader”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over SwiftUI Academy?

Ja. Elke les over SwiftUI Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

← Terug naar SwiftUI Academy