# motionlayout

Published articles for motionlayout.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Using MotionLayout in Compose

DevFeed: [Using MotionLayout in Compose](<https://devfeed.tech/articles/using-motionlayout-in-compose-22662.md>)

Original publisher: [Read original article](<https://www.valueof.io/blog/motionlayout-in-compose-motion-scene-json5>)

Author: James Shvarts

Published: 2022-05-05T11:52:55Z

Content type: tutorial

Language: en

Sources: [Android Blog - Mobile Dev Notes](<https://devfeed.tech/sources/android-blog-mobile-dev-notes.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [Android](<https://devfeed.tech/topics/android.md>), [android-development](<https://devfeed.tech/topics/android-development.md>), [Framework](<https://devfeed.tech/topics/framework.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-development](<https://devfeed.tech/tags/android-development.md>), [animation](<https://devfeed.tech/tags/animation.md>), [compose](<https://devfeed.tech/tags/compose.md>), [constraintlayout](<https://devfeed.tech/tags/constraintlayout.md>), [dependency](<https://devfeed.tech/tags/dependency.md>), [experimental](<https://devfeed.tech/tags/experimental.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [motionlayout](<https://devfeed.tech/tags/motionlayout.md>)

### AI overview

This tutorial demonstrates MotionLayout in Jetpack Compose, using a JSON5 motion scene to define constraints and animate widgets such as a divider and an image. It also shows how to control animation progress with a composable and slider.

### Source excerpt

A demo of using MotionLayout with Jetpack Compose with motion scene set up as a JSON5

## Vinyls animation with MotionLayout

DevFeed: [Vinyls animation with MotionLayout](<https://devfeed.tech/articles/vinyls-animation-with-motionlayout-38627.md>)

Original publisher: [Read original article](<https://krossovochkin.com/posts/2020_02_21_vinyls_animation_with_motionlayout/>)

Published: 2020-02-21T00:00:00Z

Content type: tutorial

Language: en

Sources: [Vasya Drobushkov](<https://devfeed.tech/sources/vasya-drobushkov.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Code](<https://devfeed.tech/topics/code.md>), [Android Studio](<https://devfeed.tech/topics/android-studio.md>), [User experience (UX)](<https://devfeed.tech/topics/ux.md>), [Emulator](<https://devfeed.tech/topics/emulator.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-studio](<https://devfeed.tech/tags/android-studio.md>), [animations](<https://devfeed.tech/tags/animations.md>), [code](<https://devfeed.tech/tags/code.md>), [emulator](<https://devfeed.tech/tags/emulator.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [motionlayout](<https://devfeed.tech/tags/motionlayout.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-ux](<https://devfeed.tech/tags/ui-ux.md>)

### AI overview

A tutorial showing how to build a simplified vinyl music-player animation with Android MotionLayout and ViewPager. It explains the fragment layout, motion scene key points, transitions, and the callbacks needed to connect MotionLayout with ViewPager.

### Source excerpt

Source Introduction Being professional Android developer for many years, things which were always difficult to me are animations, colors and dimensions -- basically all the UI/UX stuff. I can't describe or easily understand what good colors can be used, how to implement this or that animation and so on. Though we're waiting for MotionLayout for quite long time (and Android Studio 4.0) I took some time to play with it. And I should say that experience (even without Motion Editor) was much better than I expected.