SwiftUI Academy · Lezione

Transizioni di inserimento e rimozione

Animi la comparsa e la scomparsa delle viste.

Lezione 3 di 413 passaggi

Transizioni di inserimento e rimozione è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 3 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.

Le viste che compaiono e scompaiono

Quando una vista viene aggiunta o rimossa, una transition descrive come deve entrare e uscire, invece di farla comparire o scomparire bruscamente.

Le transizioni richiedono un'animazione

Una transizione viene eseguita solo quando l'inserimento o la rimozione avviene all'interno di un'animazione, ad esempio un toggle di un booleano con withAnimation.

Il modificatore .transition

Applichi .transition alla vista che compare o scompare, scegliendo lo stile del suo ingresso e della sua uscita.

if show {
    Banner().transition(.opacity)
}

Dissolva con .opacity

La transizione più semplice è .opacity, che fa comparire gradualmente una vista quando viene aggiunta e la fa scomparire quando viene rimossa.

Scivoli dentro e fuori

La transizione .slide fa entrare una vista da un bordo e uscire dal bordo opposto, ideale per banner e righe.

.transition(.slide)

Cresca con la scala

La transizione .scale fa crescere una vista da piccola fino alla dimensione completa durante l'inserimento e la riduce durante la rimozione.

.transition(.scale)

Entri da un bordo

Usi .move(edge:) per far entrare una vista da un lato specifico, ad esempio dal basso per un messaggio toast.

.transition(.move(edge: .bottom))

Combini le transizioni

Concateni gli effetti con .combined(with:), così una vista può dissolversi mentre scivola, creando un movimento più ricco.

.transition(.opacity.combined(with: .slide))

Transizioni asimmetriche

Con .asymmetric imposta effetti diversi per l'inserimento e la rimozione, ad esempio una comparsa con la scala e una scomparsa con dissolvenza.

.transition(.asymmetric(
    insertion: .scale,
    removal: .opacity))

Attivi la modifica

Racchiuda il toggle del booleano in withAnimation, così la vista condizionale eseguirà la propria transizione invece di comparire all'istante.

withAnimation {
    show.toggle()
}

Transizioni e identità

SwiftUI esegue una transizione in base all'identity della vista: la vista deve entrare o uscire realmente dalla gerarchia, non limitarsi a cambiare valore.

Verifica rapida

Che cosa è necessario perché una transizione venga effettivamente eseguita?

Rispondi nella lezione interattiva

Riepilogo: transizioni

Ha imparato che .transition definisce come le viste entrano ed escono, dalle dissolvenze alle scivolate fino alle combinazioni asimmetriche, tutte attivate da modifiche animate. 🎬

Gratis per iniziare

Impara Swift con un tutor IA — gratis

Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.

Corsi: 30
Lezioni: 120

Inizia a imparare gratis Visualizza il corso completo

Domande Frequenti

La lezione «Transizioni di inserimento e rimozione» è gratuita?

Sì — il testo completo di «Transizioni di inserimento e rimozione» è 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 «Transizioni di inserimento e rimozione»?

Animi la comparsa e la scomparsa delle viste. 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 3 di 4.

Quanto tempo richiede la lezione «Transizioni di inserimento e rimozione»?

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