{"id":16728168,"url":"https://github.com/adityasonel/android-motion-example","last_synced_at":"2025-04-10T11:02:39.642Z","repository":{"id":123510493,"uuid":"174793594","full_name":"adityasonel/android-motion-example","owner":"adityasonel","description":"The alternative to good design is always bad design. There is no such thing as no design.","archived":false,"fork":false,"pushed_at":"2020-10-28T14:45:16.000Z","size":7408,"stargazers_count":29,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-24T09:47:10.808Z","etag":null,"topics":["android","animation-framework","motionlayout","transition-animation"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adityasonel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-10T07:53:42.000Z","updated_at":"2024-09-27T15:27:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"be8e2125-98a5-4015-9f00-ee1ac2f0d491","html_url":"https://github.com/adityasonel/android-motion-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fandroid-motion-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fandroid-motion-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fandroid-motion-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fandroid-motion-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adityasonel","download_url":"https://codeload.github.com/adityasonel/android-motion-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248206945,"owners_count":21065190,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","animation-framework","motionlayout","transition-animation"],"created_at":"2024-10-12T23:08:52.687Z","updated_at":"2025-04-10T11:02:39.628Z","avatar_url":"https://github.com/adityasonel.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Motion Xmple 🚀\n\n[![Say Thanks!](https://img.shields.io/badge/Say%20Thanks-!-1EAEDB.svg)](https://saythanks.io/to/adityasonel)\n\n```\nThe alternative to good design is always bad design.\nThere is no such thing as no design.\n\n-Adam Judge\n```\n\nThe 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.\n\nAll animations/transitions in this repo are developed with android framework mechanisms such as,\n\n* [Animated Vector Drawable](https://developer.android.com/guide/topics/graphics/drawable-animation)\n* [Property Animation](https://developer.android.com/guide/topics/graphics/prop-animation)\n* [LayoutTransition](https://developer.android.com/reference/android/animation/LayoutTransition)\n* [Animate layout changes using a transition](https://developer.android.com/training/transitions/)\n* [CoordinatorLayout](https://developer.android.com/reference/android/support/design/widget/CoordinatorLayout)\n\nAnd the last but not least,\n\n* [MotionLayout](https://developer.android.com/reference/android/support/constraint/motion/MotionLayout)\n\nMotion Layout is nothing but updated ConstraintLayout that allows to animate layout between various states. MotionLayout is my personal favorite mechanism for animate layouts.\n\n## What's inside\n\n* Alpha (OnBoarding)\n\nThis 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.\n\n\n\u003cimg src=\"https://github.com/adityasonel/motionxmple/blob/master/ss/alpha.gif\" width=\"220\" height=\"380\" /\u003e\n\n* Beta (OnBoarding)\n\nBelow 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.\n\n\u003cimg src=\"https://github.com/adityasonel/motionxmple/blob/master/ss/beta.gif\" width=\"220\" height=\"380\" /\u003e\n\n* [Tubik's Material Design](https://dribbble.com/shots/4575035-Playing-with-Updated-Material-Design)\n\nCredits 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.\n\n\u003cimg src=\"https://github.com/adityasonel/motionxmple/blob/master/ss/tubik.gif\" width=\"220\" height=\"380\" /\u003e\n\n## Questions? 🤔\n\nHit me on\n\n[![Twitter](https://img.shields.io/badge/Twitter-%40heisen_brg-blue.svg)](https://twitter.com/heisen_brg)\n[![Linkedin](https://img.shields.io/badge/Linkedin-%40AdityaSonel-blue.svg)](www.linkedin.com/in/aditya-sonel)\n\n## License\n\n[MIT License](LICENSE)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityasonel%2Fandroid-motion-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadityasonel%2Fandroid-motion-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityasonel%2Fandroid-motion-example/lists"}