kilua-animation/dev.kilua.animation

Package-level declarations

Types

enum CssTimingFunction : Enum<CssTimingFunction>

CSS animation timing functions.

data class CssTransition(val type: TransitionType = TransitionType.Fade, val duration: Duration = 1.seconds, val timingFunction: CssTimingFunction = CssTimingFunction.Ease, val customTimingFunction: String? = null)

CSS animation transition parameters.

MotionAnimation

@Stable

sealed class MotionAnimation

Motion animation parameters.

MotionEasingFunction

enum MotionEasingFunction : Enum<MotionEasingFunction>

Motion animation easing functions.

MotionTransition

data class MotionTransition(val type: TransitionType = TransitionType.Fade, val animation: MotionAnimation = MotionAnimation.Tween())

Motion animation transition parameters.

RepeatType

enum RepeatType : Enum<RepeatType>

Motion animation repeat types.

TransitionType

enum TransitionType : Enum<TransitionType>

Animation transition types.

Functions

animateColorAsState

@Composable

fun animateColorAsState(value: Color, animation: MotionAnimation = defaultAnimation): State<Color>

Automatically animate Color value. When the provided value is changed, the animation will run automatically. If there is already an active animation it will animate towards the new value.

animateCssSizeAsState

@Composable

fun animateCssSizeAsState(value: CssSize, animation: MotionAnimation = defaultAnimation): State<CssSize>

Automatically animate CssSize value. When the provided value is changed, the animation will run automatically. If there is already an active animation it will animate towards the new value.

animateDoubleAsState

@Composable

fun animateDoubleAsState(value: Double, animation: MotionAnimation = defaultAnimation): State<Double>

Automatically animate Double value. When the provided value is changed, the animation will run automatically. If there is already an active animation it will animate towards the new value.

animatedVisibility

@Composable

fun IComponent.animatedVisibility(visible: Boolean, transition: CssTransition = CssTransition(), outTransition: CssTransition = transition, content: @Composable IComponent.() -> Unit)

The animatedVisibility composable animates the appearance and disappearance of its content, as visible value changes. Different in/out animations can be specified using transition and outTransition. The function uses CSS animations to animate the visibility of the content.

animateFloatAsState

@Composable

fun animateFloatAsState(value: Float, animation: MotionAnimation = defaultAnimation): State<Float>

Automatically animate Float value. When the provided value is changed, the animation will run automatically. If there is already an active animation it will animate towards the new value.

animateIntAsState

@Composable

fun animateIntAsState(value: Int, animation: MotionAnimation = defaultAnimation): State<Int>

Automatically animate Int value. When the provided value is changed, the animation will run automatically. If there is already an active animation it will animate towards the new value.

animateLongAsState

@Composable

fun animateLongAsState(value: Long, animation: MotionAnimation = defaultAnimation): State<Long>

Automatically animate Long value. When the provided value is changed, the animation will run automatically. If there is already an active animation it will animate towards the new value.

motionAnimatedVisibility

@Composable

fun IComponent.motionAnimatedVisibility(visible: Boolean, transition: MotionTransition = MotionTransition(), outTransition: MotionTransition = transition, content: @Composable IComponent.() -> Unit)

The motionAnimatedVisibility composable animates the appearance and disappearance of its content, as visible value changes. Different in/out animations can be specified using transition and outTransition. The function uses Motion animations to animate the visibility of the content.