compile 'com.android.support:design:25.0.0'
step 1
create an xml file under menu folder for the bottom navigation.
bottommenu.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/action_hotnews" android:enabled="true" android:icon="@drawable/ic_whatshot_white_24px" android:title="@string/home" app:showAsAction="ifRoom" /> <item android:id="@+id/action_movies" android:enabled="true" android:icon="@drawable/ic_movie_white_24px" android:title="@string/projects" app:showAsAction="ifRoom" /> <item android:id="@+id/action_music" android:enabled="true" android:icon="@drawable/ic_music_note_white_24px" android:title="@string/amenities" app:showAsAction="ifRoom" /> <item android:id="@+id/action_games" android:enabled="true" android:icon="@drawable/ic_games_white_24px" android:title="@string/contactus" app:showAsAction="ifRoom" /> <item android:id="@+id/action_more" android:enabled="true" android:icon="@drawable/ic_more_white_24px" android:title="rateus" app:showAsAction="ifRoom" /> </menu>
step2
main.xml
<FrameLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent"> </FrameLayout> <android.support.design.widget.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" app:itemBackground="@color/colorPrimary" app:itemIconTint="@drawable/color_selector" app:itemTextColor="@drawable/color_selector" app:menu="@menu/bottom_bar_menu" />
step3
Create mainactivity.java
Mainactivity.java
public class MainActivity extends AppCompatActivity { private BottomNavigationView bottomNavigationView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottom_navigation); bottomNavigationView.setOnNavigationItemSelectedListener( new BottomNavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem item) { switch (item.getItemId()) { case R.id.action_hotnews: Utils.showToast(MainActivity.this, "Home"); break; case R.id.action_movies: Utils.showToast(MainActivity.this, "Projects"); break; case R.id.action_music: Utils.showToast(MainActivity.this, "Amenities"); break; case R.id.action_games: Utils.showToast(MainActivity.this, "Contactus"); break; case R.id.action_more: Utils.showToast(MainActivity.this, "Rateus"); break; } return false; } }); }