# FabFilter

**Repository Path**: bubunuo/FabFilter

## Basic Information

- **Project Name**: FabFilter
- **Description**: Android app to showcase complex UI/Animations with and without MotionLayout
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-12
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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)