MAD Skills Motion Layout: wrap-up

MAD Skills Motion Layout: wrap-up

Posted by Chet Haase, Developer Relations Engineer

Android graphic

We not too long ago completed one other collection of MAD Skills movies – this time on Motion Layout. We lined methods through which you should use the API and the design software to create wealthy, customized, and sophisticated animations on your customers.

Check out the episodes under to extend your data and abilities in several areas of the Motion Layout API and design software. And watch the reside Q&A episode, that includes engineers on the Motion Layout and Developer Relations groups.

Episode 1 – ConstraintSet Animations

This video explores how ConstraintSets are used to outline completely different states of your UI that you just animate between. Along the best way, Sean reveals the way to use Motion Editor in Android Studio to create and edit these transitions.

Episode 2 – Keyframes

This episode reveals the way to use Keyframes in a MotionLayout animation to customise the animation by altering the values of varied properties over time. For instance, you should use keyframes to alter the trail an object takes between begin and finish, as a substitute of following simply the default linear path it could observe in any other case.

Episode 3 – Multiple ConstraintSets

In this third episode, Sean reveals how one can add ConstraintSets, past the default two (begin + finish) to create extra advanced animations, or transitions that circulation by a number of states between the beginning and finish.

Episode 4 – Building a Collapsible Header

In the fourth episode, explains the way to construct a collapsible toolbar utilizing Motion Layout, which is a typical place the place this API shines. Along the best way, you will learn to animate customized attributes utilizing MotionLayout.

READ ALSO  Hennessey Venom F5: America's rocket ship supercar guarantees to crack 300-plus mph - Roadshow

Episode 5 – Live Q&A

The last episode of the collection was a reside Q&A, streamed and recorded on February 18th. It’s too late to see it or ask your questions reside, however try the recording to observe the dialog between me (asking the Qs) and Sean, John, and Nicolas (supplying the As).

More Motion Layout Resources

There are loads of different assets to study extra about the way to use Motion Layout, moreover this MAD Skills collection, together with:

  • MotionTags: This collection of screencasts on particular areas of the Motion Layout API simply wrapped up.
  • Motion Layout Guide: This information on our developer website offers a fantastic jumping-off level with an summary of the API, code snippets exhibiting the way to get began, and examples of the way to do numerous sorts of animations with Motion Layout.
  • Examples: This doc has a number of visible examples, alongside the XML it took to create them.
  • ADB podcast: I had a dialog with John, Nicolas, and Sean (not coincidentally, the identical individuals who joined me for the livestream Q&A on MotionLayout) just a few weeks in the past. If you need to hear extra about MotionLayout and ConstraintLayout, test it out on the podcast website or in your favourite podcast app.

But Wait, There’s More!

The Motion Layout collection might have ended, however there’s nonetheless a lot nonetheless to return within the MAD Skills collection. Be certain to examine the MAD Skills playlist on YouTube, the articles on Medium, or this helpful touchdown web page that factors to all of it.

READ ALSO  The iPhone 12 Pro lidar sensor has a cool celebration trick we did not anticipate - TNE