Sprungfedern und benutzerdefinierte Timing-Kurven
Stimmen Sie Bewegungen mit Sprungfedern und Easing ab.
Sprungfedern und benutzerdefinierte Timing-Kurven ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 4 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.
The Feel of Motion
How an animation accelerates and settles shapes its personality. The timing curve decides whether motion feels snappy, smooth, or bouncy.
Linear Is Constant
A linear curve moves at one steady speed start to finish. It can feel mechanical, so it suits progress bars more than UI.
.animation(.linear, value: x)Ease In and Out
The easeInOut curve starts slow, speeds up, then slows to a gentle stop, the most natural choice for most UI.
.animation(.easeInOut, value: x)Ease In vs Ease Out
Use easeIn to start gently and easeOut to stop gently, picking which end of the motion feels softer.
Meet Springs
A spring animation models real physics, overshooting slightly and settling, which feels lively and responsive.
.animation(.spring, value: x)Tune the Bounce
The bounce parameter sets how springy the motion is. Zero is smooth; higher values add a playful overshoot.
.spring(duration: 0.5, bounce: 0.3)Response and Damping
Springs can also be tuned with response for speed and damping for how quickly the bounce dies out.
.interpolatingSpring(
stiffness: 170, damping: 15)Custom Bezier Curves
For full control, timingCurve lets you define a custom bezier with your own control points and duration.
.timingCurve(0.2, 0.8, 0.2, 1,
duration: 0.5)Add a Delay
Chain .delay onto any animation to wait before it begins, perfect for staggering several elements.
.animation(.spring.delay(0.1), value: x)Repeat the Motion
Use repeatForever or repeatCount to loop an animation, ideal for pulsing dots and loading hints.
.easeInOut.repeatForever(
autoreverses: true)Speed It Up or Down
The .speed modifier scales an animation faster or slower without rewriting its curve or duration.
.animation(.default.speed(2), value: x)Quick Check
Which curve gives the most natural everyday UI motion?
Recap: Curves and Springs
You explored timing curves from linear to easeInOut, lively springs with bounce, custom beziers, delays, and repeats. Now your motion has personality. 🚀
Lerne Swift mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 30
- Lektionen
- 120
Häufig gestellte Fragen
Ist die Lektion „Sprungfedern und benutzerdefinierte Timing-Kurven“ kostenlos?
Ja — der vollständige Text von „Sprungfedern und benutzerdefinierte Timing-Kurven“ 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 „Sprungfedern und benutzerdefinierte Timing-Kurven“?
Stimmen Sie Bewegungen mit Sprungfedern und Easing ab. 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 4 von 4.
Wie lange dauert die Lektion „Sprungfedern und benutzerdefinierte Timing-Kurven“?
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