Animate views with MotionLayout by Nav Singh

In this talk we will cover how Motion Layout helps us to create beautiful animations.
We will also cover How to use Motion Layout Editor to create/modify animations. Which is introduced in Android Studio 4.0
Requirements : ConstraintLayout version 2.0/higher and Android Studio 4.0/higher

Bio

Nav is a professional Android developer at Manuvie. He is also writing technical articles related to Android/iOS at Medium.

During his free time he loves to watch Netflix, reading books, and playing with new technologies/frameworks, etc.

Transcript

1. GDG Montreal
2. GDG Montreal ConstraintLayout MotionLayout MotionLayout
3. GDG Montreal You can think of it in terms of capabilities as a mix between the property animation framework, TransitionManager, and CoordinatorLayout. : Nicolas Roard MotionLayout
4. GDG Montreal It is fully declarative you can fully describe in XML a complex transition — no code is expected. MotionLayout
5. GDG Montreal In addition to describing transitions between layouts, it lets you animate any layout properties, as well. It also supports keyframes, enabling fully customized transitions to suit your needs. MotionLayout
6. GDG Montreal Major Components that are must required for animation : • Transition • Start ConstraintSet • End ConstraintSet MotionLayout
7. GDG Montreal object is the description for how the MotionLayout should animate its components • Transition MotionScene • KeyFrameSet KeyPosition KeyAttribute KeyTrigger KeyCycle KeyTimeCycle • Start ConstraintSet • End ConstraintSet
8. GDG Montreal Available in Android Studio 4.0 & higher Motion Editor
9. GDG Montreal Let’s see it in action MotionLayout
10. GDG Montreal References : • MotionLayout • Motion Editor • KeyCycle MotionLayout
11. GDG Montreal Thanks