Compose: Анимация. AnimatedVisibility

10-й курс/Закрытая зона

Обновлено: 3 июня 2023

• Повторяемая анимация
• Модификатор animateEnterExit
• MutableTransitionState

Функция AnimatedVisibility раньше была экспериментальной и требовала добавления аннотации @ExperimentalAnimationApi. Задача анимации - показать или скрыть компонент на экране. Есть несколько вариантов исчезновения и показа компонента - растворение/проявление, уменьшение/увеличение, сдвиг за пределы видимости/выдвижение обратно.

Есть две версии функции.

@Composable
@ComposableInferredTarget
public fun ColumnScope.AnimatedVisibility(
    visible: Boolean,
    modifier: Modifier,
    enter: EnterTransition,
    exit: ExitTransition,
    label: String,
    content: @Composable() (AnimatedVisibilityScope.() -> Unit)
): Unit

@Composable
@ComposableInferredTarget
public fun ColumnScope.AnimatedVisibility(
    visibleState: MutableTransitionState<Boolean>,
    modifier: Modifier,
    enter: EnterTransition,
    exit: ExitTransition,
    label: String,
    content: @Composable() (AnimatedVisibilityScope.() -> Unit)
): Unit

Для первого варианта вам нужно только задать булеву переменную для параметра visible, которая и будет отвечать за состояние видимости.

Вы вошли на сайт, как гость.
Необходимо зарегистрироваться, чтобы прочитать статью

Дополнительное чтение

Анимация

ExpandableSection

Реклама