Written by Chet Haase, Developer Relations Engineer

Android graphics

We recently completed another series of MAD Skills videos – this time on Motion Layout. We’ve outlined ways you can use the API and design tool to create rich, custom, and complex animations for your users.

Check out the following episodes to expand your knowledge and skills in various areas of the Motion Layout API and design tool. Also watch the live Q&A episode with engineers from the Motion Layout and Developer Relations teams.

Episode 1 – ConstraintSet Animations

This video explores how to use ConstraintSets to define different states of your user interface that you animate between. Along the way, Sean shows how to use Motion Editor in Android Studio to create and edit these transitions.

Episode 2 – Keyframes

This episode shows how to use keyframes in a MotionLayout animation to customize the animation by changing the values ​​of various properties over time. For example, you can use keyframes to change the path an object takes between its start and end, rather than just following the standard linear path it would otherwise follow.

Episode 3 – Multiple ConstraintSets

In this third episode Sean shows how you can add ConstraintSets beyond the two default values ​​(start + end) to create more complex animations or transitions that go through multiple states between start and end.

Episode 4 – Creating a Collapsible Header

The fourth episode explains how to use Motion Layout to create a collapsible toolbar. This is a common place where this API shines. Along the way, you’ll learn how to animate custom attributes with MotionLayout.

Episode 5 – Live Q&A.

The final episode in the series was a live Q&A that was streamed and recorded on February 18. It’s too late to watch or ask your questions live but watch the recording to see the conversation between me (questions to the Qs) and Sean, John, and Nicolas (returns the ace).

Additional resources for the movement layout

In addition to this MAD Skills series, there are many other resources you can use to learn more about using Motion Layout, including:

  • MotionTags: This series of screencasts on specific areas of the Motion Layout API has just completed.
  • Motion Layout Guide: This guide on our developer site is a great place to start with an overview of the API, snippets of code to get you started, and examples of how to create different types of animation with Motion Layout.
  • Examples: This document contains several visual examples in addition to the XML used to create them.
  • ADB Podcast: I had a conversation with John, Nicolas and Sean a few weeks ago (not by chance the same people who joined me for the Livestream Q&A on MotionLayout) If you want to learn more about MotionLayout and ConstraintLayout, check out the podcast website or your favorite podcast app.

But wait, there is more!

The Motion Layout series may have ended, but there is still much work to be done in the MAD Skills series. Be sure to check out the MAD Skills playlist on YouTube, the articles on Medium, or this handy landing page that links to everything.


Please enter your comment!
Please enter your name here