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

Host: GitHub
URL: https://github.com/nikhilpanju/fabfilter
Owner: nikhilpanju
Created: 2019-11-26T17:22:08.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2022-03-01T05:59:01.000Z (almost 3 years ago)
Last Synced: 2024-12-22T03:05:35.387Z (1 day ago)
Topics: android, android-animation, kotlin, ux
Language: Kotlin
Homepage: https://medium.com/@nikhilpanju22/complex-ui-animation-on-android-8f7a46f4aec4?sk=f1fab1861a655b042ff5e9c305a0e012
Size: 9.49 MB
Stars: 1,697
Watchers: 36
Forks: 221
Open Issues: 7
Metadata Files:
- Readme: README.md

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)