Swift Academy · Lektion

Implizite vs. explizite Animationen

Verwenden Sie den Modifier .animation() oder den Block withAnimation {} je nach Anwendungsfall.

Implizite vs. explizite Animationen ist eine kostenlose Swift Academy-Lektion auf CoddyKit. Dies ist Lektion 1 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 Swift Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Swift Academy-Kurs umfasst insgesamt 4 Lektionen.

Zwei Animationsstile

SwiftUI unterstützt implizite Animationen (den .animation-Modifier) und explizite Animationen (den withAnimation-Closure).

struct Demo: View {
  @State private var scale = 1.0
  var body: some View {
    Circle().scaleEffect(scale)
  }
}

Implizite Animation mit .animation

Wenn Sie .animation(_:value:) an eine View anhängen, wird diese bei jeder Änderung des gebundenen Werts animiert.

Circle()
  .scaleEffect(scale)
  .animation(.easeInOut(duration: 0.3), value: scale)

Implizite Animation auslösen

Jede Zustandsänderung, die sich auf die View auswirkt, löst automatisch die für sie definierte implizite Animation aus.

Button("Grow") {
  scale = 2.0  // .animation fires automatically
}

Explizite Animation mit withAnimation

withAnimation umschließt eine Zustandsänderung und animiert alle daraus resultierenden Änderungen an Views gleichzeitig.

Button("Animate") {
  withAnimation(.spring()) {
    scale = 2.0
    offset = 50
  }
}

Mehrere Eigenschaften animieren

withAnimation eignet sich besser, wenn Sie mehrere Zustandsänderungen synchron als eine einzelne Transaktion animieren möchten.

withAnimation(.easeOut(duration: 0.5)) {
  isExpanded = true
  rotation = 90
  opacity = 0.5
}

Animationstypen

Swift bietet Animationen mit spring, easeIn, easeOut, easeInOut, linear sowie benutzerdefinierten Timing-Kurven.

.spring(response: 0.4, dampingFraction: 0.6)
.easeInOut(duration: 0.3)
.linear(duration: 0.5)
.timingCurve(0.2, 0.8, 0.2, 1.0, duration: 0.4)

Animation deaktivieren

Übergeben Sie .animation(.none, value:) oder umschließen Sie Änderungen mit withAnimation(nil), um die Animation gezielt zu deaktivieren.

Circle()
  .scaleEffect(scale)
  .animation(.none, value: scale)  // no animation

Animationspriorität

Explizites withAnimation hat Vorrang vor impliziten .animation-Modifiern in untergeordneten Views.

withAnimation(.linear) {
  value = true  // linear wins over any .animation on subviews
}

Wiederholte Animationen

Verwenden Sie .repeatForever oder .repeatCount für wiederholte Animationen wie pulsierende Effekte.

.animation(
  .easeInOut(duration: 0.8).repeatForever(autoreverses: true),
  value: pulsing
)

Verzögerung und Geschwindigkeit

Kombinieren Sie Animationen mit den Modifiern .delay und .speed am Animationswert.

.animation(.spring().delay(0.2).speed(1.5), value: flag)

Implizite oder explizite Animation auswählen

Verwenden Sie implizite Animationen für Animationen einer einzelnen View, die an einen Wert gebunden sind, und explizite Animationen, wenn Sie mehrere Eigenschaften oder Views koordinieren.

// Implicit: simple, single view
.animation(.easeIn, value: isVisible)
// Explicit: multi-property or cross-view
withAnimation { a = 1; b = 2 }

Schnelltest

Welcher Ansatz koordiniert am besten die gleichzeitige Animation mehrerer Zustandswerte?

Zusammenfassung der Lektion

Implizite Animationen (.animation(_:value:)) reagieren automatisch auf Wertänderungen in einer einzelnen Ansicht. Explizite Animationen (withAnimation {}) koordinieren mehrere Änderungen. Kombinieren Sie sie mit .delay, .speed und .repeatForever, um komplexe Effekte zu erzeugen.

Häufig gestellte Fragen

Ist die Lektion „Implizite vs. explizite Animationen“ kostenlos?

Ja — der vollständige Text von „Implizite vs. explizite Animationen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Swift Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Swift Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Implizite vs. explizite Animationen“?

Verwenden Sie den Modifier .animation() oder den Block withAnimation {} je nach Anwendungsfall. Du übst Swift 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 Swift Academy zu starten?

Keine Vorkenntnisse erforderlich. Swift 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 1 von 4.

Wie lange dauert die Lektion „Implizite vs. explizite Animationen“?

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 Swift Academy-Lektion Code schreiben und ausführen?

Ja. Jede Swift 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 vs. explizite Animationen
matchedGeometryEffect für Hero-Übergänge
Benutzerdefinierter AnimatableModifier und Animatable
TimelineView und Canvas für leistungsstarkes Zeichnen

← Zurück zu Swift Academy