Animate views with MotionLayout by Nav Singh

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.

1b77dd441f657f5aefb3e21283b252e6?s=128

GDG Montreal

July 15, 2020
Tweet

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