-
Liquid NavBar Provides a bottom navigation view with liquid animation.
-
Step 1. Add the JitPack repository to your build file
Add it in your root build.gradle at the end of repositories:
allprojects { repositories { ... maven { url 'https://jitpack.io' } ... } } -
Step 2. Add the dependency
Add it in your app module build.gradle:
dependencies { ... implementation 'com.github.Mindinventory:LiquidNavBar:0.0.1' ... }
- Step 1. Create menu file("menu_bottom_navigation") with menu items.
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group android:checkableBehavior="single">
<item
android:id="@+id/nav_camera"
android:icon="@drawable/home"
android:title="@string/feed" />
<item
android:id="@+id/nav_gallery"
android:icon="@drawable/ic_gallery"
android:title="@string/gallery" />
<item
android:id="@+id/nav_slideshow"
android:icon="@drawable/ic_favorite"
android:title="@string/favorite" />
<item
android:id="@+id/nav_manage"
android:icon="@drawable/ic_setting"
android:title="@string/settings" />
</group>
</menu>- Step 2. Add LiquidNavBar view in to your activity_main.xml:
<com.mindinventory.liquidnavbar.ui.LiquidNavBar
android:id="@+id/bottomNavigationView"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:backgroundTintNavigation="@color/colorPrimary"
app:layout_constraintBottom_toBottomOf="parent"
app:menu="@menu/menu_bottom_navigation" />- Step 3. Provide fragment's parent view and implement animation listener
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
bottomNavigationView.setNavigationListener(object :
LiquidNavBar.OnNavigationItemSelectListener {
override fun onNavigationItemSelected(indexOfItemSelected: Int): Boolean {
return true
}
})| Attributes | Usage |
|---|---|
| app:backgroundTintNavigation | Liquid Navbar background color |
- minSdkVersion >= 21
- Androidx
LiquidNavBar is MIT-licensed
We’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.