Animations Introduction (Jetpack Compose) 

Thanks Mitch for this series. I'm learning compose by following this. I like it more this way because some of the things you use are no longer available, or have been simplified, which makes me find the new way to get it done. I love the challenge. For instance, high level animation APIs have been introduced to achieve this animation with much simplicity. Thanks again.

For those using the compose version 1.0.0-beta05 this is how i could make the animation work, my PulsingDemo.kt is: import androidx.compose.animation.core.* import androidx.compose.foundation.Canvas import androidx.compose.foundation.Image import androidx.compose.foundation.layout.* import androidx.compose.material.MaterialTheme import androidx.compose.material.icons.Icons import androidx.compose.material.icons.filled.Favorite import androidx.compose.runtime.Composable import androidx.compose.runtime.getValue import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.unit.dp @Composable fun PulsingDemo() { val color = MaterialTheme.colors.primary val infiniteTransition = rememberInfiniteTransition() val pulseMagnitude by infiniteTransition.animateFloat( initialValue = PulseAnimationDefinitions.PULSE_STATE_INITIAL, targetValue = PulseAnimationDefinitions.PULSE_STATE_FINAL, animationSpec = infiniteRepeatable( animation = tween(500, easing = FastOutSlowInEasing), repeatMode = RepeatMode.Restart ) ) Row( modifier = Modifier .fillMaxWidth() .height(55.dp), horizontalArrangement = Arrangement.Center ) { Image( modifier = Modifier .align(Alignment.CenterVertically) .height(pulseMagnitude.dp) .width(pulseMagnitude.dp), imageVector = Icons.Default.Favorite, contentDescription = "") } Canvas( modifier = Modifier .fillMaxWidth() .height(55.dp) ) { drawCircle( radius = pulseMagnitude, brush = SolidColor(color) ) } } object PulseAnimationDefinitions{ const val PULSE_STATE_INITIAL = 40f const val PULSE_STATE_FINAL = 50f }

New year new day gift from mitch with a heart animation.

I just came to show you some support and to give you a like. Don't stop doing this, it's very helpful 🤝

Thank you, mitch

New Year Engagement. Love it when he isn't that well knowledgeable in animation but makes a video for us. Thanks, Mitch.

Happy new year Mitch 👏

Thanks, Mitch! That helped a lot

Great content, happy new year

For a beginner course, I didn't think you would do animations..hehe Thanks a lot Mitch, for animation tutorial. I thought wrong again, I thought you would do animateTo or animateFloat API, first. I think the transition API was the most challenging for me to wrap my head around, understand when you said that you can do a course just on Animations. Grateful for the explanation.

Thanks for your great courses! really

This time I am watching video while having lunch😋. Thanks Mitch, clear explanation.. Following from Oman. 😎

Hoisting the main sails over the sea of composables, final destination? Land of 100k

13:30 thank god you are making this series for us.

Yaaaaaaay I was waiting for this videoooo

very nice courses

nice Corona bear @Mitch !

awesome!

great video!

Nice

Animating engagement

Not sure if this is an engagement or a question. I got "Unresolved reference: FloatPropKey" and could not follow through the video. I suspect this has been removed as I cannot find any reference of it in the docs. Anyway, I found a workaround.

When was floatpropkey got deprecated? I cant found it anywhere

cool

If you guys don't get the import of infiniteRepeatable(), because I didn't get it and searched for that function in TransitionDefinition Class and didn't find it too Use this 👇 pulsePropKey using repeatable( iterations = AnimationConstants.Infinite, animation = tween( durationMillis = 500, easing = FastOutSlowInEasing ), repeatMode = RepeatMode.Restart ) Don't know why I didn't get it, maybe deprecated or something "Compose Things" , Anyone else didn't get it?

Mitch, do we have an official documentation on compose animations?

Man, i have the experience working with flutter, i am started learning android, should i start learning with jetpack compose ?

Happy Pongal(harvest celebration) engagement

Your screen kinda flickering, when the suggestion window pops up, take a look in the video

Great starting point for animation. Thanks Mitch. I tried to port this code on "Compose for Desktop". It works if I don't repeat the animation (pulsePropKey using tween) but when I try to repeat infinitely, "infiniteRepeatable" can't be imported. I may miss a dependency or it is not supported yet but if anymore have a solution to this issue, please let us know. Thanks (gist.github.com/u2gilles/30401e93b5d946517fcf58bf7fc1c74f#file-anim01-kt)

Anime Engagement