Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nikhilpanju/fabfilter

Android app to showcase complex UI/Animations with and without MotionLayout
https://github.com/nikhilpanju/fabfilter

android android-animation kotlin ux

Last synced: 1 day ago
JSON representation

Android app to showcase complex UI/Animations with and without MotionLayout

Awesome Lists containing this project

README

        

# FabFilter
![Android Weekly](https://androidweekly.net/issues/issue-392/badge)

Android app to showcase complex UI/Animations with and without MotionLayout.

[![Demo](https://github.com/nikhilpanju/FabFilter/blob/master/app/files/Demo.gif)](https://github.com/nikhilpanju/FabFilter/blob/master/app/files/Demo.gif "Demo")

## Info
* [FiltersLayout](https://github.com/nikhilpanju/FabFilter/blob/master/app/src/main/java/com/nikhilpanju/fabfilter/filter/FiltersLayout.kt) contains most of the code for non MotionLayout related animations.
* [FiltersMotionLayout](https://github.com/nikhilpanju/FabFilter/blob/master/app/src/main/java/com/nikhilpanju/fabfilter/filter/FiltersMotionLayout.kt) contains most of the code for MotionLayout related animation.
* You can switch between the two using the NavDrawer option.
* You can also control the animation speed by using the NavDrawer options.

## Read More
To understand further, I've written some articles that break down these animations in detail:
* [Complex UI/Animations on Android](https://medium.com/@nikhilpanju22/complex-ui-animation-on-android-8f7a46f4aec4?sk=f1fab1861a655b042ff5e9c305a0e012)
* [Complex UI/Animations on Android - featuring MotionLayout](https://medium.com/@nikhilpanju22/complex-ui-animations-on-android-featuring-motionlayout-aa82d83b8660?source=friends_link&sk=5b924ea26bc2ae4735483760f3c62409)

## Notes
* [Get the app on PlayStore](https://play.google.com/store/apps/details?id=com.nikhilpanju.fabfilter) or build code to view the app!
* UI was designed by Yaroslav Zubko. You can find it [here.](https://dribbble.com/shots/2940944--5-Filters)