https://github.com/adityasonel/android-motion-example
The alternative to good design is always bad design. There is no such thing as no design.
https://github.com/adityasonel/android-motion-example
android animation-framework motionlayout transition-animation
Last synced: about 1 year ago
JSON representation
The alternative to good design is always bad design. There is no such thing as no design.
- Host: GitHub
- URL: https://github.com/adityasonel/android-motion-example
- Owner: adityasonel
- License: mit
- Created: 2019-03-10T07:53:42.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-10-28T14:45:16.000Z (over 5 years ago)
- Last Synced: 2025-03-24T09:47:10.808Z (about 1 year ago)
- Topics: android, animation-framework, motionlayout, transition-animation
- Language: Java
- Homepage:
- Size: 7.06 MB
- Stars: 29
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Motion Xmple 🚀
[](https://saythanks.io/to/adityasonel)
```
The alternative to good design is always bad design.
There is no such thing as no design.
-Adam Judge
```
The first and foremost thing that directly proportional to user's hapiness is software/application design. By keeping this in mind I created this repository. To showcase various design implementations from dribbble, behance, my imaginations and sometimes from an released application designs.
All animations/transitions in this repo are developed with android framework mechanisms such as,
* [Animated Vector Drawable](https://developer.android.com/guide/topics/graphics/drawable-animation)
* [Property Animation](https://developer.android.com/guide/topics/graphics/prop-animation)
* [LayoutTransition](https://developer.android.com/reference/android/animation/LayoutTransition)
* [Animate layout changes using a transition](https://developer.android.com/training/transitions/)
* [CoordinatorLayout](https://developer.android.com/reference/android/support/design/widget/CoordinatorLayout)
And the last but not least,
* [MotionLayout](https://developer.android.com/reference/android/support/constraint/motion/MotionLayout)
Motion Layout is nothing but updated ConstraintLayout that allows to animate layout between various states. MotionLayout is my personal favorite mechanism for animate layouts.
## What's inside
* Alpha (OnBoarding)
This is an simple onboarding animation/transition. Developed with android native component viewpager. Gradient Drawable is used in background and with help of `ViewPager.addOnPageChangeListener` performing changing in color on scroll of ViewPager. ` ViewPager.setPageTransformer` method are also very usefull for creating parallax effect as shown in below screenshot.
* Beta (OnBoarding)
Below onboarding can't be possible without [SparkleMotion](https://github.com/IFTTT/SparkleMotion), this repo is deprecated now but the code is never be too old to use.
* [Tubik's Material Design](https://dribbble.com/shots/4575035-Playing-with-Updated-Material-Design)
Credits for this design all goes to Tubik, check more designs https://dribbble.com/Tubik. This animations is all implemented with the help of Motion Layout. This is goog example to understand MotionLayout working.
## Questions? 🤔
Hit me on
[](https://twitter.com/heisen_brg)
[](www.linkedin.com/in/aditya-sonel)
## License
[MIT License](LICENSE)