Basic implemetation
suggest changeTo add the BottomNavigationView
follow these steps:
- Add in your
build.gradle
the dependency:
compile ‘com.android.support:design:25.1.0’
- Add the
BottomNavigationView
in your layout:
<android.support.design.widget.BottomNavigationView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" app:menu="@menu/bottom_navigation_menu"/>
- Create the menu to populate the view:
<!-- res/menu/bottom_navigation_menu.xml --> <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/my_action1" android:enabled="true" android:icon="@drawable/my_drawable" android:title="@string/text" app:showAsAction="ifRoom" /> .... </menu>
- Attach a listener for the click events:
//Get the view BottomNavigationView bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottom_navigation); //Attach the listener bottomNavigationView.setOnNavigationItemSelectedListener( new BottomNavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem item) { switch (item.getItemId()) { case R.id.my_action1: //Do something... break; //... } return true;//returning false disables the Navigation bar animations } });
Checkout demo code at BottomNavigation-Demo
Found a mistake? Have a question or improvement idea?
Let me know.
Table Of Contents