https://github.com/mindinventory/liquidnavbar

LiquidNavBar library provides a bottom navigation view with smooth liquid animation.
https://github.com/mindinventory/liquidnavbar

android android-library animation bottomnavigationview bottomtabs kotlin kotlin-android navbar navbar-animation navigation tabbar tabs

Last synced: about 2 months ago
JSON representation

LiquidNavBar library provides a bottom navigation view with smooth liquid animation.

• Host: GitHub
• URL: https://github.com/mindinventory/liquidnavbar
• Owner: Mindinventory
• License: mit
• Created: 2021-08-16T13:28:05.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-20T07:28:59.000Z (over 3 years ago)
• Last Synced: 2024-05-14T13:36:41.193Z (8 months ago)
• Topics: android, android-library, animation, bottomnavigationview, bottomtabs, kotlin, kotlin-android, navbar, navbar-animation, navigation, tabbar, tabs
• Language: Kotlin
• Homepage: https://www.mindinventory.com/android-application-development.php
• Size: 5.23 MB
• Stars: 22
• Watchers: 7
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Liquid NavBar

[![](https://jitpack.io/v/Mindinventory/LiquidNavBar.svg)](https://jitpack.io/#Mindinventory/LiquidNavBar)

* Liquid NavBar Provides a bottom navigation view with liquid animation.

  ![ezgif.com-gif-maker__3_](/media/feature.gif)

# Usage

### Dependencies

* Step 1. Add the JitPack repository to your build file

  Add it in your root build.gradle at the end of repositories:

    ```groovy

	    allprojects {

		    repositories {

                	...

			maven { url 'https://jitpack.io' }

                	...

		    }

	    }

    ``` 

* Step 2. Add the dependency

  Add it in your app module build.gradle:

    ```groovy

        dependencies {

            ...

            implementation 'com.github.Mindinventory:LiquidNavBar:0.0.1'

            ...

        }

    ``` 

### Implementation

* Step 1. Create menu file("menu_bottom_navigation") with menu items.

```xml

    

        

        

        

        

    

```

* Step 2. Add LiquidNavBar view in to your activity_main.xml:

```xml

```

* Step 3. Provide fragment's parent view and implement animation listener

```kotlin 

  bottomNavigationView.setAnimationListener(container, object : ViewAnimationListener {

  override fun onAnimationStart(animation: Animation?) {

            }

            override fun onAnimationEnd(animation: Animation?, fragment: Fragment?) {

                fragment?.let { changeFragment(it) }

            }

            override fun onAnimationRepeat(animation: Animation?) {

            }

        })

 ```         

* Step 4. Implement navigation listener

```kotlin 

  bottomNavigationView.setNavigationListener(object :

            LiquidNavBar.OnNavigationItemSelectListener {

            override fun onNavigationItemSelected(indexOfItemSelected: Int): Boolean {

                return true

            }

        })

 ```         

| Attributes | Usage |

| ------ | ------ |

| app:backgroundTintNavigation | Liquid Navbar background color |

### Requirements

* minSdkVersion >= 21

* Androidx

## LICENSE!

LiquidNavBar is [MIT-licensed](/LICENSE) 

## Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.

Please feel free to use this component and Let us know if you are interested to building Apps or Designing Products.