Episode 170: Jetpack Compose Graphics & Animation

Android Developers Backstage

Episode | Podcast

Date: Tue, 20 Jul 2021 17:45:35 +0000

<p><span style="font-weight: 400;">In this episode Nick and Chet are joined by Dois Liu and Nader Jawad to discuss Compose’s Animation and Graphics systems. They cover their goals to make both systems easier to understand, more consistent and simpler to work with. They explain how they adapted traditionally imperative systems to a declarative world and give an overview of both the high level composables the library offers as well as lower level building blocks you can drop down to for more control.</span></p> <p><span style="font-weight: 400;"><img alt="" height="271" src="https://assets.libsyn.com/secure/show/332855/ADB170_compose_graphics_animation.png" width="320" /></span></p> <p><span style="font-weight: 400;">Hosts Chet & Nick speak to Doris and Nader.</span></p> <p> </p> <p><a href="https://developer.android.com/jetpack/compose/graphics"><span style="font-weight: 400;"> Compose Graphics guide</span></a></p> <p><a href="https://developer.android.com/jetpack/compose/animation"><span style="font-weight: 400;"> Compose Animation guide</span></a></p> <p><a href="https://developer.android.com/codelabs/jetpack-compose-animation"><span style="font-weight: 400;"> Compose Animation codelab</span></a></p> <p><a href="https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function2)"> <span style="font-weight: 400;">AnimatedContent composable</span></a></p> <p><a href="https://developer.android.com/jetpack/compose/testing#disable-autosync"> <span style="font-weight: 400;">AdvanceTimeBy (testing animations)</span></a></p> <p><a href="http://goo.gle/compose-pathway"><span style="font-weight: 400;">Compose Learning Pathway</span></a></p> <p> </p> <p><span style="font-weight: 400;">Chet:</span> <a href="https://twitter.com/chethaase">@chethaase</a></p> <p><span style="font-weight: 400;">Doris:</span> <a href="https://twitter.com/doris4lt"><span style="font-weight: 400;">@doris4lt</span></a></p> <p><span style="font-weight: 400;">Nader:</span> <a href="https://twitter.com/nadewad"><span style="font-weight: 400;">@nadewad</span></a></p> <p><span style="font-weight: 400;">Nick:</span> <a href="https://twitter.com/crafty"><span style="font-weight: 400;">@crafty</span></a></p>