Write For Us

Practical magic with animations in Jetpack Compose

E-Commerce Solutions SEO Solutions Marketing Solutions
56 Views

  • Thanks! Share it with your friends!

    You disliked this video. Thanks for the feedback!

ava
Published
Are you constantly in awe of the animations your designer creates but have no idea how to implement them? Or maybe you want to keep your users engaged by adding delightful little treats in your app... There are a few key principles that unlock a wide range of different animations, from basic to advanced.

We will go through some practical examples of how to implement animations in Jetpack Compose, such as working with gestures to control animations and how to do state based animations. Join us to learn how to think about implementing any animation in a step-by-step way.

Chapters:
0:00 - Introduction
0:56 - Principles of Animation
1:42 - What?
3:36 - Modifier.graphicsLayer
4:47 - When?
5:05 - State changes
5:23 - animateAsState
6:20 - Transition
7:01 - On Launch
7:38 - Infinitely
8:04 - With Gesture
12:08 - Flinging gesture handling
16:08 - AnchoredDraggable
17:17 - How
17:46 - Animation Specs
18:16 - tween specs
19:11 - Easing
21:27 - spring specs
23:56 - Built-in animation APIs
24:17 - Animated Visibility
24:28 - animateContentSize
24:47 - AnimatedContent
26:37 - Choosing an API
28:34 - Summary
29:03 - Bonus: Image Vectors

Resources:
Animation Quick Guide → https://goo.gle/animation-quick-guide
Animation Tree → https://goo.gle/animation-tree

Catch more videos → https://goo.gle/Jetpack-Compose
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #Android #JetpackCompose
Category
Software
Tags
Animations in jetpack compose, animations in jetpack compose tutorial, jetpack compose
Sign in or sign up to post comments.
Be the first to comment

Up Next