Readable Bottom Bar
Yet another material bottom bar library for Android
GIF
Design Credits
All design and inspiration credits goes to Ranjit.
Usage
- Create your tabs.xml under your res/xml/ folder
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <?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
1 2 3 4 | <com.iammert.library.readablebottombar.ReadableBottomBar android:layout_width="match_parent" android:layout_height="56dp" app:rbb_tabs="@xml/tabs"/> |
- Add listener
1 2 3 4 | bottomBar.setOnItemSelectListener( object :ReadableBottomBar.ItemSelectListener{ override fun onItemSelected(index: Int) { } }) |
- Customize if you need
1 2 3 4 5 6 7 8 9 10 | <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=""/> |
Readable Bottom Bar Setup
1 2 3 4 5 6 7 8 9 10 | allprojects { repositories { ... maven { url 'https://jitpack.io' } } } dependencies { implementation 'com.github.iammert:ReadableBottomBar:0.1' } |
2,483 total views, 3 views today
(Visited 765 times, 1 visits today)
