Readable Bottom Bar

Yet another material bottom bar library for Android

Contents

1 GIF
2 Design Credits
3 Usage
4 Readable Bottom Bar Setup

GIF

Design Credits

All design and inspiration credits goes to Ranjit.

Usage

Create your tabs.xml under your res/xml/ folder

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;tabs&gt;
    &lt;tab
        drawable="@drawable/ic_home_black_24dp"
        text="@string/home" /&gt;

    &lt;tab
        drawable="@drawable/ic_search_black_24dp"
        text="@string/search" /&gt;

    &lt;tab
        drawable="@drawable/ic_shopping_basket_black_24dp"
        text="@string/bag" /&gt;

    &lt;tab
        drawable="@drawable/ic_favorite_black_24dp"
        text="@string/favorite" /&gt;

    &lt;tab
        drawable="@drawable/ic_account_circle_black_24dp"
        text="@string/profile" /&gt;
&lt;/tabs&gt;

<?xml version="1.0" encoding="utf-8"?>

<tabs>

<tab

drawable="@drawable/ic_home_black_24dp"

text="@string/home" />

<tab

drawable="@drawable/ic_search_black_24dp"

text="@string/search" />

<tab

drawable="@drawable/ic_shopping_basket_black_24dp"

text="@string/bag" />

<tab

drawable="@drawable/ic_favorite_black_24dp"

text="@string/favorite" />

<tab

drawable="@drawable/ic_account_circle_black_24dp"

text="@string/profile" />

</tabs>

Add bottom bar to your layout

&lt;com.iammert.library.readablebottombar.ReadableBottomBar
    android:layout_width="match_parent"
    android:layout_height="56dp"
    app:rbb_tabs="@xml/tabs"/&gt;

<com.iammert.library.readablebottombar.ReadableBottomBar

android:layout_width="match_parent"

android:layout_height="56dp"

app:rbb_tabs="@xml/tabs"/>

Add listener

bottomBar.setOnItemSelectListener( object :ReadableBottomBar.ItemSelectListener{
    override fun onItemSelected(index: Int) {
    }
})

bottomBar.setOnItemSelectListener( object :ReadableBottomBar.ItemSelectListener{

override fun onItemSelected(index: Int) {

}

})

Customize if you need

&lt;com.iammert.library.readablebottombar.ReadableBottomBar
    android:layout_width="match_parent"
    android:layout_height="56dp"
    app:rbb_tabs="@xml/tabs"
    app:rbb_textColor=""
    app:rbb_indicatorHeight=""
    app:rbb_indicatorColor=""
    app:rbb_initialIndex=""
    app:rbb_backgroundColor=""
    app:rbb_textSize=""/&gt;

<com.iammert.library.readablebottombar.ReadableBottomBar

android:layout_width="match_parent"

android:layout_height="56dp"

app:rbb_tabs="@xml/tabs"

app:rbb_textColor=""

app:rbb_indicatorHeight=""

app:rbb_indicatorColor=""

app:rbb_initialIndex=""

app:rbb_backgroundColor=""

app:rbb_textSize=""/>