Ressort et courbes temporelles personnalisées
Ajustez les mouvements avec des ressorts et des fonctions d’accélération.
Ressort et courbes temporelles personnalisées est une leçon SwiftUI Academy gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage SwiftUI Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours SwiftUI Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
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. 🚀
Questions Fréquemment Posées
La leçon « Ressort et courbes temporelles personnalisées » est-elle gratuite ?
Oui — le texte complet de « Ressort et courbes temporelles personnalisées » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours SwiftUI Academy, passe à CoddyKit PRO. Le cours SwiftUI Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Ressort et courbes temporelles personnalisées » ?
Ajustez les mouvements avec des ressorts et des fonctions d’accélération. Tu pratiques SwiftUI Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer SwiftUI Academy ?
Aucune expérience préalable n'est requise. SwiftUI Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Ressort et courbes temporelles personnalisées » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon SwiftUI Academy ?
Oui. Chaque leçon SwiftUI Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Animations implicites
- Animations explicites avec withAnimation
- Transitions d’insertion et de suppression
- Ressort et courbes temporelles personnalisées