Übergänge beim Einfügen und Entfernen
Animieren Sie das Ein- und Ausblenden von Ansichten.
Übergänge beim Einfügen und Entfernen ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.
Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.
Views Coming and Going
When a view is added or removed, a transition describes how it animates in and out instead of just popping.
Transitions Need Animation
A transition only plays when the insertion or removal happens inside an animation, like a withAnimation toggle of a boolean.
The .transition Modifier
You attach .transition to the view that appears or disappears, choosing the style of its entrance and exit.
if show {
Banner().transition(.opacity)
}Fade with .opacity
The simplest transition is .opacity, which fades a view in when added and out when removed.
Slide In and Out
The .slide transition moves a view in from one edge and out the other, great for banners and rows.
.transition(.slide)Scale to Grow
The .scale transition grows a view from small to full size on insert and shrinks it on removal.
.transition(.scale)Move from an Edge
Use .move(edge:) to push a view in from a specific side, such as the bottom for a toast message.
.transition(.move(edge: .bottom))Combine Transitions
Chain effects with .combined(with:) so a view can fade while it slides, giving richer motion.
.transition(.opacity.combined(with: .slide))Asymmetric Transitions
With .asymmetric you set different insertion and removal effects, like scale in but fade out.
.transition(.asymmetric(
insertion: .scale,
removal: .opacity))Trigger the Change
Wrap the boolean toggle in withAnimation so the conditional view runs its transition rather than appearing instantly.
withAnimation {
show.toggle()
}Transitions and Identity
SwiftUI plays a transition based on view identity: a view truly entering or leaving the hierarchy, not just changing values.
Quick Check
What is required for a transition to actually play?
Recap: Transitions
You learned that .transition styles how views enter and leave, from fades to slides to asymmetric combos, all triggered by animated changes. 🎬
Häufig gestellte Fragen
Ist die Lektion „Übergänge beim Einfügen und Entfernen“ kostenlos?
Ja — der vollständige Text von „Übergänge beim Einfügen und Entfernen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Übergänge beim Einfügen und Entfernen“?
Animieren Sie das Ein- und Ausblenden von Ansichten. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um SwiftUI Academy zu starten?
Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Übergänge beim Einfügen und Entfernen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?
Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Implizite Animationen
- Explizite Animationen mit withAnimation
- Übergänge beim Einfügen und Entfernen
- Sprungfedern und benutzerdefinierte Timing-Kurven