Podgląd animacji
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Android Studio umożliwia sprawdzanie animacji w podglądzie animacji. Jeśli animacja jest opisana w podglądzie funkcji kompozycyjnej, możesz sprawdzić dokładną wartość każdej animowanej wartości w danym momencie, wstrzymać animację, zapętlić ją, przewinąć do przodu lub zwolnić, aby ułatwić sobie debugowanie animacji w trakcie przejść:

Za pomocą podglądu animacji możesz też wizualizować krzywe animacji, co jest przydatne, aby upewnić się, że wartości animacji są prawidłowo zsynchronizowane:

Podgląd animacji automatycznie wykrywa animacje, które można sprawdzić. Są one oznaczone ikoną Uruchom podgląd animacji
.

Jeśli masz kilka animacji, możesz użyć podglądu animacji, aby sprawdzić i skoordynować je wszystkie jednocześnie. Możesz też zatrzymać konkretną animację.

Używaj selektorów, aby ustawiać stany inne niż wyliczeniowe lub logiczne, i debugować animację w Compose za pomocą precyzyjnych danych wejściowych. W przypadku wszystkich obsługiwanych interfejsów Compose Animation API możesz odtwarzać, wstrzymywać, przewijać, kontrolować szybkość i koordynować animacje.

Podgląd animacji obsługuje obecnie interfejsy API updateTransition
, AnimatedVisibility
, animate*AsState
, CrossFade
, rememberInfiniteTransition
i AnimatedContent
. Aby uzyskać dostęp do najnowszych funkcji, używaj podglądu animacji w pakiecie nowych funkcji Android Studio Narwhal i w wersji compose.animation
1.9.0 lub nowszej.
Polecane dla Ciebie
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-08-21 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2025-08-21 UTC."],[],[],null,["# Animation Preview\n\nAndroid Studio allows you to inspect animations from Animation Preview. If an\nanimation is described in a composable preview, you can inspect the exact value\nof each animated value at a given time, pause the animation, loop it,\nfast-forward it, or slow it, to help you debug the animation throughout its\ntransitions:\n\nYou can also use Animation Preview to graph visualize animation curves, which is\nuseful for making sure that the animation values are choreographed properly:\n\nAnimation Preview automatically detects inspectable animations, which are\nindicated by the **Start Animation Preview** icon\n.\n\nIf you have multiple animations, you can use Animation Preview to inspect and\ncoordinate them all at once. You can also freeze a specific animation.\n\nUse pickers to set non-enum or boolean states to debug your Compose animation\nusing precise inputs. For all supported Compose Animation APIs, you can play,\npause, scrub, control speed, and coordinate.\n\nAnimation Preview currently supports the\n[`updateTransition`](/reference/kotlin/androidx/compose/animation/core/package-summary#updateTransition(kotlin.Any,kotlin.String)),\n[`AnimatedVisibility`](/reference/kotlin/androidx/compose/animation/package-summary#AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)),\n[`animate*AsState`](/develop/ui/compose/animation#animate-as-state),\n[`CrossFade`](/develop/ui/compose/animation#crossfade),\n[`rememberInfiniteTransition`](/develop/ui/compose/animation#rememberinfinitetransition),\nand [`AnimatedContent`](/develop/ui/compose/animation#animatedcontent)\nAPIs. To access the latest features, use Animation Preview with\nAndroid Studio Narwhal Feature Drop and `compose.animation` 1.9.0 and higher.\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Animations in Compose](/develop/ui/compose/animation/introduction)\n- [Animation tooling support {:#tooling}](/develop/ui/compose/animation/tooling)\n- [Value-based animations](/develop/ui/compose/animation/value-based)"]]