Предварительный просмотр анимации

Android Studio позволяет просматривать анимации в режиме предварительного просмотра. Если анимация описана в компонуемом окне предварительного просмотра, вы можете проверить точное значение каждого анимированного параметра в данный момент времени, приостановить анимацию, зациклить ее, ускорить или замедлить, что поможет вам отлаживать анимацию на протяжении всех ее переходов.

Воспроизведение, перемотка и замедление анимации AnimatedVisibility

Также можно использовать функцию предварительного просмотра анимации для визуализации кривых анимации, что полезно для обеспечения правильной координации значений анимации:

Визуализация анимации кривая

Функция предварительного просмотра анимации автоматически определяет доступные для просмотра анимации, которые обозначаются значком « Начать предварительный просмотр анимации». значок «Запуск» .

Значок «Начать предварительный просмотр анимации» в окне «Дизайн»

Если у вас несколько анимаций, вы можете использовать функцию предварительного просмотра анимации, чтобы проверить и скоординировать их все одновременно. Вы также можете заморозить определенную анимацию.

GIF-анимация, демонстрирующая проверку со всеми анимациями UI

Используйте средства выбора для установки состояний, не являющихся перечислениями или логическими значениями, чтобы отлаживать анимацию Compose с помощью точных входных данных. Для всех поддерживаемых API анимации Compose вы можете воспроизводить, приостанавливать, перематывать, управлять скоростью и координировать движения.

Выберите точные значения для предварительного просмотра анимации.

В настоящее время Animation Preview поддерживает API-интерфейсы updateTransition , AnimatedVisibility , animate*AsState , CrossFade , rememberInfiniteTransition и AnimatedContent . Для доступа к новейшим функциям используйте Animation Preview с Android Studio Otter 3 Feature Drop и compose.animation 1.10.1 и выше.

{% verbatim %} {% endverbatim %} {% verbatim %} {% endverbatim %}