SwiftUI Academy · Lezione

Curve temporali spring e personalizzate

Regoli il movimento con spring ed easing.

Curve temporali spring e personalizzate è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.

Parti di questa lezione non sono ancora state tradotte e vengono mostrate in inglese.

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. 🚀

Domande Frequenti

La lezione «Curve temporali spring e personalizzate» è gratuita?

Sì — il testo completo di «Curve temporali spring e personalizzate» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.

Cosa imparerò in «Curve temporali spring e personalizzate»?

Regoli il movimento con spring ed easing. Eserciti SwiftUI Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare SwiftUI Academy?

Non è richiesta alcuna esperienza precedente. SwiftUI Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.

Quanto tempo richiede la lezione «Curve temporali spring e personalizzate»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione SwiftUI Academy?

Sì. Ogni lezione SwiftUI Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

← Torna a SwiftUI Academy