Overgang ved indsættelse og fjernelse
Animér views, når de vises og forsvinder.
Overgang ved indsættelse og fjernelse er en gratis SwiftUI Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i SwiftUI Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Visninger, der kommer og går
Når en visning tilføjes eller fjernes, beskriver en transition, hvordan den animeres ind og ud, i stedet for blot at dukke op eller forsvinde.
Overgange kræver animation
En overgang afspilles kun, når indsættelsen eller fjernelsen sker inde i en animation, f.eks. når en boolesk værdi skifter med withAnimation.
Modifikatoren .transition
Du knytter .transition til den visning, der kommer frem eller forsvinder, og vælger stilen for dens ind- og udgang.
if show {
Banner().transition(.opacity)
}Ind- og udfasning med .opacity
Den enkleste overgang er .opacity, som fader en visning ind, når den tilføjes, og ud, når den fjernes.
Glid ind og ud
Overgangen .slide flytter en visning ind fra den ene kant og ud ved den anden. Den er god til bannere og rækker.
.transition(.slide)Skalér for at vokse
Overgangen .scale får en visning til at vokse fra lille til fuld størrelse, når den indsættes, og krympe, når den fjernes.
.transition(.scale)Flyt ind fra en kant
Brug .move(edge:) til at lade en visning komme ind fra en bestemt side, f.eks. fra bunden til en toast-besked.
.transition(.move(edge: .bottom))Kombinér overgange
Kæd effekter sammen med .combined(with:), så en visning kan fade, mens den glider, og dermed få en mere levende bevægelse.
.transition(.opacity.combined(with: .slide))Asymmetriske overgange
Med .asymmetric kan du angive forskellige effekter for indsættelse og fjernelse, f.eks. skalering ind og udfasning ud.
.transition(.asymmetric(
insertion: .scale,
removal: .opacity))Udløs ændringen
Oms lut skiftet af den booleske værdi i withAnimation, så den betingede visning afspiller sin overgang i stedet for at komme frem med det samme.
withAnimation {
show.toggle()
}Overgange og identitet
SwiftUI afspiller en overgang baseret på visningens identity: at en visning faktisk kommer ind i eller forlader hierarkiet, ikke blot ændrer værdier.
Hurtigt tjek
Hvad kræves der, for at en overgang faktisk afspilles?
Opsummering: Overgange
Du har lært, at .transition bestemmer, hvordan visninger kommer ind og forlader hierarkiet, fra udfasninger til glidninger og asymmetriske kombinationer, som alle udløses af animerede ændringer. 🎬
Lær Swift med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 30
- Lektioner
- 120
Ofte stillede spørgsmål
Er lektionen “Overgang ved indsættelse og fjernelse” gratis?
Ja — hele teksten til “Overgang ved indsættelse og fjernelse” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af SwiftUI Academy-kurset, skal du opgradere til CoddyKit PRO. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Overgang ved indsættelse og fjernelse”?
Animér views, når de vises og forsvinder. Du øver dig i SwiftUI Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på SwiftUI Academy?
Der kræves ingen tidligere erfaring. SwiftUI Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.
Hvor lang tid tager lektionen “Overgang ved indsættelse og fjernelse”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne SwiftUI Academy-lektion?
Ja. Alle SwiftUI Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Implicitte animationer
- Eksplicitte animationer med withAnimation
- Overgang ved indsættelse og fjernelse
- Spring og brugerdefinerede tidskurver