SwiftUI Academy · Lekcja

Jawne animacje z withAnimation

Opakuj modyfikacje stanu, aby kontrolować czas ich wykonania

Lekcja 2 z 413 kroki

Jawne animacje z withAnimation to bezpłatna lekcja SwiftUI Academy na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej SwiftUI Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

When You Want Control

Sometimes you want to decide exactly which change animates. withAnimation wraps a state change so its results tween.

The withAnimation Block

You put your state mutation inside withAnimation. Every view update caused by that change animates together.

withAnimation {
    isExpanded.toggle()
}

Explicit vs Implicit

Implicit animation lives on the view; explicit animation lives at the change site. You choose what animates by where you mutate.

Add a Curve

Pass a curve to withAnimation just like the modifier. The animation argument shapes the timing of the whole block.

withAnimation(.easeInOut(duration: 0.3)) {
    show.toggle()
}

Trigger from a Button

A common pattern is wrapping a toggle in a Button action so a tap animates the resulting layout change.

Button("Toggle") {
    withAnimation { open.toggle() }
}

Many Views, One Block

If one state change affects several views, withAnimation animates them all in sync from a single wrapped mutation.

Use a Spring Feel

Springs give natural, bouncy motion. Pass .spring to withAnimation for UI that feels physical and responsive.

withAnimation(.spring) {
    selected = id
}

Animate Conditional Views

Toggling a boolean that adds or removes a view inside withAnimation animates its appearance, not just its properties.

withAnimation {
    showDetail = true
}

Return a Value

withAnimation can return the value its closure produces, so you can animate and read a result in one expression.

Completion Handling

Newer APIs let you run code after the motion finishes via a completion callback on withAnimation, great for chaining steps.

Keep Blocks Focused

Only put the change you want to animate inside the block. Unrelated work outside withAnimation stays instant and clean.

Quick Check

What is the key difference between the two animation styles?

Odpowiedz w interaktywnej lekcji

Recap: withAnimation

You saw how withAnimation wraps a state change so every resulting update tweens together. It gives precise control over what animates. 👍

Bezpłatny start

Ucz się Swift dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy: 30
Lekcje: 120

Zacznij naukę bezpłatnie Wyświetl pełny kurs

Często zadawane pytania

Czy lekcja „Jawne animacje z withAnimation” jest bezpłatna?

Tak — pełny tekst „Jawne animacje z withAnimation” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu SwiftUI Academy, przejdź na CoddyKit PRO. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Jawne animacje z withAnimation”?

Opakuj modyfikacje stanu, aby kontrolować czas ich wykonania Ćwiczysz SwiftUI Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć SwiftUI Academy?

Nie wymagamy żadnego doświadczenia. SwiftUI Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.

Ile czasu zajmuje lekcja „Jawne animacje z withAnimation”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji SwiftUI Academy?

Tak. Każda lekcja SwiftUI Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do SwiftUI Academy