https://carrion.dev/en/tags/transitions/Recent content in transitions on Carrion.devHugo -- gohugo.ioenignacio@carrion.dev (Ignacio Carrión)ignacio@carrion.dev (Ignacio Carrión)©{year}, All Rights ReservedFri, 04 Apr 2025 08:00:00 +0100https://carrion.dev/en/posts/custom-animations-transitions-compose/Fri, 04 Apr 2025 08:00:00 +0100ignacio@carrion.dev (Ignacio Carrión)Fri, 04 Apr 2025 08:00:00 +0100https://carrion.dev/en/posts/custom-animations-transitions-compose/Custom Animations and Transitions in Jetpack Compose Creating smooth, meaningful animations is crucial for delivering a polished user experience. This article explores how to create custom animations and transitions in Jetpack Compose, from basic animations to complex custom implementations. Creating Custom Animations Custom animations allow for more complex and unique visual effects: Custom Animation Specs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 @Composable fun CustomAnimatedButton( onClick: () -> Unit, content: @Composable () -> Unit ) { var isPressed by remember { mutableStateOf(false) } val scope = rememberCoroutineScope() val scale by animateFloatAsState( targetValue = if (isPressed) 0.Ignacio Carriónfeatured imageandroidcomposeanimationtransitions