Android Smooth Bottom Bar

A lightweight Android material bottom navigation bar library. Bottom navigation bars make it easy to explore and switch between top-level views needs to add a dependency to the Material Components for Android library. A light-weight library to easily make beautiful Navigation Bar with a ton of 🎨 customization options. A simpler way of implementing the Bottom Navigation View on Android. A beautiful and simple bottom navigation bar with a smooth animation when switching the selected items.

Code

  • Create menu.xml under your res/menu/ folder
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/item0"
        android:title="@string/menu_dashboard"
        android:icon="@drawable/ic_dashboard_white_24dp"/>

    <item
        android:id="@+id/item1"
        android:title="@string/menu_leaderboard"
        android:icon="@drawable/ic_multiline_chart_white_24dp"/>

    <item
        android:id="@+id/item2"
        android:title="@string/menu_store"
        android:icon="@drawable/ic_store_white_24dp"/>

    <item
        android:id="@+id/item3"
        android:title="@string/menu_profile"
        android:icon="@drawable/ic_person_outline_white_24dp"/>

</menu>
  • Add view into your layout file
<me.ibrahimsn.lib.SmoothBottomBar
    android:id="@+id/bottomBar"
    android:layout_width="match_parent"
    android:layout_height="70dp"
    app:backgroundColor="@color/colorPrimary"
    app:menu="@menu/menu_bottom"/>
  • Use SmoothBottomBar callbacks in your activity
bottomBar.onItemSelected = {
    status.text = "Item $it selected"
}

bottomBar.onItemReselected = {
    status.text = "Item $it re-selected"
}

OR

bottomBar.setOnItemSelectedListener(object: OnItemSelectedListener {
    override fun onItemSelect(pos: Int) {
        status.text = "Item $pos selected"
    }
})

bottomBar.setOnItemReselectedListener(object: OnItemReselectedListener {
    override fun onItemReselect(pos: Int) {
        status.text = "Item $pos re-selected"
    }
})

Use SmoothBottomBar with Navigation Components.

Coupled with the Navigation Component from the Android Jetpack, SmoothBottomBar offers easier navigation within your application by designating navigation to the Navigation Component. This works best when using fragments, as the Navigation component helps to handle your fragment transactions.

  • Setup Navigation Component i.e. Add dependency to your project, create a Navigation Graph, etc.
  • For each Fragment in your Navigation Graph, ensure that the Fragment’s id is the same as the MenuItems in your Menu i.e res/menu/ folder
  • In your activity i.e MainActivity, override onCreateOptionsMenu, get a reference to your SmoothBottomBar and call setupWithNavController() which takes in a Menu and NavController on the SmoothBottomBar.

Screenshot

Screenshot of Smooth Bottom Navigation Bar

Visit here to download login forms

One thought on “Android Smooth Bottom Navigation Bar download free source code

Leave a Reply

You may also like

%d bloggers like this: