谷歌官方导航控件BottomNavigationBar的日常使用

BottomNavigationBar和其他控件的配合是完全解耦的，日常使用分为BottomNavigationBar+ViewPager 、BottomNavigationBar+FrameLayput

1 使用

BottomNavigationBar+ViewPager

直接上代码

  <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <com.ashokvarma.bottomnavigation.BottomNavigationBar
        android:id="@+id/bottom_navigation_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"/>

<android.support.v4.view.ViewPager

android:id="@+id/view_pager"

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1"/>

<com.ashokvarma.bottomnavigation.BottomNavigationBar

android:id="@+id/bottom_navigation_bar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="bottom"/>

private BottomNavigationBar mBottomNavigationBar;
private ViewPager viewPager;
private List<Fragment> fragments2 = new ArrayList<>();

private BottomNavigationBar mBottomNavigationBar;

private ViewPager viewPager;

private List<Fragment> fragments2 = new ArrayList<>();

    private void initBottomNavigationBar() {
        mBottomNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);
        String[] mTitles = new String[]{"首页", "发现", "信息", "我的"};
        mBottomNavigationBar
                .setActiveColor(R.color.black)
                .setInActiveColor(R.color.gray)
                .setBarBackgroundColor(R.color.white);

        mBottomNavigationBar.setMode(BottomNavigationBar.MODE_FIXED);
        mBottomNavigationBar
                .setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC);


        mBottomNavigationBar
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[0])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[1])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[2])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[3])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .setFirstSelectedPosition(0)
                .initialise();//所有的设置需在调用该方法前完成```

        mBottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener() {//这里也可以使用SimpleOnTabSelectedListener
            @Override
            public void onTabSelected(int position) {//未选中 -> 选中
                viewPager.setCurrentItem(position);
            }

            @Override
            public void onTabUnselected(int position) {//选中 -> 未选中


            }

            @Override
            public void onTabReselected(int position) {//选中 -> 选中

            }
        });
    }

    private void initViewPager() {
        viewPager = (ViewPager) findViewById(R.id.view_pager);

        viewPager.setAdapter(new SectionsPagerAdapter(getSupportFragmentManager(), fragments2));
        viewPager.setCurrentItem(0);

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

            }

            @Override
            public void onPageSelected(int position) {
                mBottomNavigationBar.selectTab(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }
    public class SectionsPagerAdapter extends FragmentPagerAdapter {
        List<Fragment> fragments2;

        public SectionsPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
            super(fm);
            this.fragments2 = fragments;
        }

        @Override
        public Fragment getItem(int position) {
            return fragments2.get(position);
        }

        @Override
        public int getCount() {
            return fragments2.size();
        }
    }

private void initBottomNavigationBar() {

mBottomNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);

String[] mTitles = new String[]{"首页", "发现", "信息", "我的"};

mBottomNavigationBar

.setActiveColor(R.color.black)

.setInActiveColor(R.color.gray)

.setBarBackgroundColor(R.color.white);

mBottomNavigationBar.setMode(BottomNavigationBar.MODE_FIXED);

mBottomNavigationBar

.setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC);

mBottomNavigationBar

.addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[0])

.setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))

.addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[1])

.setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))

.addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[2])

.setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))

.addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[3])

.setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))

.setFirstSelectedPosition(0)

.initialise();//所有的设置需在调用该方法前完成```

mBottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener() {//这里也可以使用SimpleOnTabSelectedListener

@Override

public void onTabSelected(int position) {//未选中 -> 选中

viewPager.setCurrentItem(position);

}

@Override

public void onTabUnselected(int position) {//选中 -> 未选中

}

@Override

public void onTabReselected(int position) {//选中 -> 选中

}

});

}

private void initViewPager() {

viewPager = (ViewPager) findViewById(R.id.view_pager);

viewPager.setAdapter(new SectionsPagerAdapter(getSupportFragmentManager(), fragments2));

viewPager.setCurrentItem(0);

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override

public void onPageSelected(int position) {

mBottomNavigationBar.selectTab(position);

}

@Override

public void onPageScrollStateChanged(int state) {

}

});

}

public class SectionsPagerAdapter extends FragmentPagerAdapter {

List<Fragment> fragments2;

public SectionsPagerAdapter(FragmentManager fm, List<Fragment> fragments) {

super(fm);

this.fragments2 = fragments;

}

@Override

public Fragment getItem(int position) {

return fragments2.get(position);

}

@Override

public int getCount() {

return fragments2.size();

}

BottomNavigationBar+FrameLayput

   <FrameLayout
        android:id="@+id/fram_layout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </FrameLayout>

    <com.ashokvarma.bottomnavigation.BottomNavigationBar
        android:id="@+id/bottom_navigation_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"/>

<FrameLayout

android:id="@+id/fram_layout"

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1">

</FrameLayout>

<com.ashokvarma.bottomnavigation.BottomNavigationBar

android:id="@+id/bottom_navigation_bar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="bottom"/>

    private BottomNavigationBar mBottomNavigationBar;
    private List<Fragment> fragments = new ArrayList<>();

1 2	private BottomNavigationBar mBottomNavigationBar; private List<Fragment> fragments = new ArrayList<>();

    private void initBottomNavigationBar() {
        mBottomNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);
        String[] mTitles = new String[]{"首页", "发现", "信息", "我的"};
        mBottomNavigationBar
                .setActiveColor(R.color.black)
                .setInActiveColor(R.color.gray)
                .setBarBackgroundColor(R.color.white);

        mBottomNavigationBar.setMode(BottomNavigationBar.MODE_FIXED);
        mBottomNavigationBar
                .setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC);


        mBottomNavigationBar
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[0])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[1])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[2])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[3])
                        .setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)))
                .setFirstSelectedPosition(0)
                .initialise();//所有的设置需在调用该方法前完成```

        mBottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener() {//这里也可以使用SimpleOnTabSelectedListener
            @Override
            public void onTabSelected(int position) {//未选中 -> 选中
                switchTab(position);
            }

            @Override
            public void onTabUnselected(int position) {//选中 -> 未选中


            }

            @Override
            public void onTabReselected(int position) {//选中 -> 选中

            }
        });
    }
    
    int curFragment = -1;

    private void switchTab(int position) {
        FragmentManager manager = getSupportFragmentManager();
        Fragment fragment = manager.findFragmentByTag("" + position);
        FragmentTransaction beginTransaction = manager.beginTransaction();
        if (fragment == null) {
            if (manager.findFragmentByTag("" + curFragment) != null) {
                beginTransaction.hide(fragments.get(curFragment));
            }
            beginTransaction.add(R.id.fram_layout, fragments.get(position), "" + position)
                    .show(fragments.get(position))
                    .commit();


        } else if (curFragment != position) {
            beginTransaction.hide(fragments.get(curFragment))
                    .show(fragments.get(position))
                    .commit();
        }
        curFragment = position;
    }