Impliciete animaties
Animeer statuswijzigingen met de animation-modifier.
Impliciete animaties 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.
Beweging laat het levendig voelen
Een wijziging die plotseling op zijn plaats springt, voelt schokkerig. Met animation laat SwiftUI de oude en nieuwe toestand vloeiend in elkaar overgaan. ✨
Wat impliciet betekent
Een impliciete animatie houdt een waarde in de gaten en animeert elke wijziging in de weergave die daardoor wordt veroorzaakt, zonder dat je elk beeldje hoeft te beschrijven.
De modifier .animation
Je koppelt .animation aan een weergave en verbindt deze met een waarde. Wanneer die waarde verandert, animeert SwiftUI de betrokken eigenschappen.
Circle()
.scaleEffect(big ? 2 : 1)
.animation(.default, value: big)Geef altijd een waarde door
De moderne .animation(_:value:) heeft de waarde nodig die moet worden gevolgd. SwiftUI animeert alleen wanneer precies die waarde verandert, waardoor de beweging voorspelbaar blijft.
Wat wordt geanimeerd
SwiftUI animeert de animeerbare eigenschappen tussen toestanden: positie, grootte, doorzichtigheid, rotatie en kleur veranderen allemaal vloeiend.
Kies een curve
Het eerste argument is de animatiecurve. Veelgebruikte keuzes zijn .default, .easeInOut, .linear en .spring, voor verschillende effecten.
.animation(.easeInOut, value: isOn)Bepaal de duur
Voeg een duration toe om in te stellen hoe lang de beweging duurt. Een korte duur van 0.2s voelt vlot; een langere duur van 1s voelt ontspannen.
.animation(.easeInOut(duration: 0.4), value: isOn)Animeer doorzichtigheid
Vervagen is een klassieke impliciete animatie. Verander opacity met een gebonden waarde en SwiftUI laat de weergave vloeiend verschijnen of verdwijnen.
Text("Hi")
.opacity(show ? 1 : 0)
.animation(.easeIn, value: show)Animeer rotatie
Koppel rotationEffect aan een waarde en de weergave draait soepel wanneer die omschakelt, ideaal voor chevrons en laadindicatoren.
.rotationEffect(.degrees(open ? 90 : 0))
.animation(.default, value: open)Beperk het tot één waarde
Omdat je de value benoemt, worden alleen wijzigingen aan die waarde geanimeerd. Andere updates van de weergave blijven direct en worden niet beïnvloed.
Schakel animatie uit
Geef nil door als animatie om beweging voor die waarde uit te schakelen. Handig wanneer een wijziging in plaats daarvan direct moet plaatsvinden.
.animation(nil, value: count)Korte controle
Hoe weet een impliciete animatie wanneer deze moet worden uitgevoerd?
Samenvatting: impliciete animaties
Je hebt geleerd dat .animation(_:value:) wijzigingen in de weergave die aan een waarde zijn gekoppeld vloeiend laat verlopen. Kies een curve, stel de duur in en SwiftUI doet de rest. 🎉
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
Veelgestelde vragen
Is de les “Impliciete animaties” gratis?
Ja — de volledige tekst van “Impliciete animaties” 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 “Impliciete animaties”?
Animeer statuswijzigingen met de animation-modifier. 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 “Impliciete animaties”?
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
- Impliciete animaties
- Expliciete animaties met withAnimation
- Overgangen bij invoegen en verwijderen
- Veeranimaties en aangepaste timingcurves