android BottomNavigationView实现导航栏

1.布局

<android.support.design.widget.BottomNavigationView
        android:id="@+id/design_navigation_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:itemBackground="@color/white"
        app:itemIconTint="@color/selector"
        app:itemTextColor="@color/selector"
        app:menu="@menu/bottom_menu" />

2.selector

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/colorAccent" android:state_checked="true" />
    <item android:color="@color/colorPrimary" android:state_checked="false" />
</selector>

3.menu

<menu  xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_left"
        android:icon="@mipmap/home"
        app:showAsAction="always"
        android:title="左" />
    <item
        android:id="@+id/menu_center"
        android:icon="@mipmap/user"
        app:showAsAction="always"
        android:title="中" />
    <item
        android:id="@+id/menu_right"
        android:icon="@mipmap/home"
        app:showAsAction="always"
        android:title="右" />
</menu>

4.点击导航栏切换viewpager

bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.menu_left:
                        viewPager.setCurrentItem(0);
                        break;
                    case R.id.menu_center:
                        viewPager.setCurrentItem(1);
                        break;
                    case R.id.menu_right:
                        viewPager.setCurrentItem(2);
                        break;
                    default:
                        break;
                }
                return false;
            }
        });

5.viewpager切换联动导航栏

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            private MenuItem menuItem;
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                if (menuItem != null) {
                    menuItem.setChecked(false);
                } else {
                    bottomNavigationView.getMenu().getItem(0).setChecked(false);
                }
                menuItem = bottomNavigationView.getMenu().getItem(position);
                menuItem.setChecked(true);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });