android--导航(BottomNavigationBar)

MainActivty->(Fragment)->

NavigationFragment->BottomNavigtionBar实现底部导航->(Fragment)

->Fragment1 (具体的页)

->Fragment2（具体的页）

->Fragment3（具体的页）

->Fragment4 (具体的页)

第一步：创建 NavigationFragment

 
public class NavigationFragment extends Fragment implements BottomNavigationBar.OnTabSelectedListener {

    HomeFragment homeFragment;
    LikeFragment likeFragment;
    LocationFragment locationFragment;
    PersonFragment personFragment;
    public static NavigationFragment newInstance(String str){
        NavigationFragment navigationFragment=new NavigationFragment();
        Bundle bundle=new Bundle();
        bundle.putString(Constants.ARGS,str);
        navigationFragment.setArguments(bundle);
        return  navigationFragment;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_bottom_navigation_bar,container,false);
        TextView  mTextView = (TextView) view.findViewById(R.id.tv_fragment_conten);
        Bundle bundle= getArguments();
        if(bundle!=null){
            String str=bundle.getString(Constants.ARGS);
            if(!TextUtils.isEmpty(str)){
                mTextView.setText(str);
            }
        }
        //--------------------BottomNavigationBar-------------------------------------------------
        BottomNavigationBar bottomNavigationBar=(BottomNavigationBar)view.findViewById(R.id.bottomNavigationBar);
        bottomNavigationBar.setTabSelectedListener(this);
        bottomNavigationBar.setBackgroundStyle(bottomNavigationBar.BACKGROUND_STYLE_STATIC);
        bottomNavigationBar.setMode(BottomNavigationBar.MODE_FIXED);
        bottomNavigationBar.addItem(new BottomNavigationItem(R.drawable.home_fill,"home")//选中的状态的图片
                 .setInactiveIconResource(R.drawable.home)//没有选中的状态的图标
                 .setActiveColorResource(R.color.colorPrimary)//选中的字体颜色
                 .setInActiveColorResource(R.color.black_1));//没有选中的字体颜色

        bottomNavigationBar.addItem(new BottomNavigationItem(R.drawable.location_fill,"location")
                .setInactiveIconResource(R.drawable.location)
                .setActiveColorResource(R.color.colorPrimary)
                .setInActiveColorResource(R.color.black_1));

        bottomNavigationBar.addItem(new BottomNavigationItem(R.drawable.like_fill,"like")
                .setInactiveIconResource(R.drawable.like)
                .setActiveColorResource(R.color.colorPrimary)
                .setInActiveColorResource(R.color.black_1));

        bottomNavigationBar.addItem(new BottomNavigationItem(R.drawable.person_fill,"person")
                .setInactiveIconResource(R.drawable.person)
                .setActiveColorResource(R.color.colorPrimary)
                .setInActiveColorResource(R.color.black_1));

        bottomNavigationBar.setFirstSelectedPosition(0);
        bottomNavigationBar.initialise();
        bottomNavigationBar.setTabSelectedListener(this);
        //----------------------BottomNavigationBar-----------------------------------------------
        swithPage(0);//默认显示home
        return  view;  // return super.onCreateView(inflater, container, savedInstanceState);
    }

    @Override
    public void onTabSelected(int position) {
        swithPage(position);
    }

    @Override
    public void onTabUnselected(int position) {

    }

    @Override
    public void onTabReselected(int position) {

    }

    private  void  swithPage(int position){
        FragmentTransaction transaction=getFragmentManager().beginTransaction();
        switch (position){
            case  0:
                if(homeFragment==null)
                    homeFragment=homeFragment.newInstance("Home","");
                transaction.replace(R.id.frame_sub_content,homeFragment).commit();
                break;
            case 1:
                if(locationFragment==null)
                    locationFragment=locationFragment.newInstance("location","");
                transaction.replace(R.id.frame_sub_content,locationFragment).commit();
                break;
            case 2:
                if(likeFragment==null)
                    likeFragment=likeFragment.newInstance("location","");
                transaction.replace(R.id.frame_sub_content,likeFragment).commit();
                break;
            case 3:
                if(personFragment==null)
                    personFragment=personFragment.newInstance("location","");
                transaction.replace(R.id.frame_sub_content,personFragment).commit();
                break;
        }
    }
}
fragment_bottom_navigation_bar.xml 文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

     <include layout="@layout/fragment_content"/>

     <com.ashokvarma.bottomnavigation.BottomNavigationBar
         android:layout_height="match_parent"
         android:layout_width="match_parent"
         android:id="@+id/bottomNavigationBar">
     </com.ashokvarma.bottomnavigation.BottomNavigationBar>
</RelativeLayout>
fragment_content.xml 文件
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/frame_sub_content"
    android:background="@color/colorYello">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/tv_fragment_conten"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         />

</FrameLayout>

MainActivty

   protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        setCurrentFragment();
    }

  private void setCurrentFragment() {
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        mNavigationFragment = NavigationFragment.newInstance("one");
        transaction.replace(R.id.frame_content, mNavigationFragment).commit();
    }

dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    // compile 'com.android.support:appcompat-v7:25.2.0'
    compile 'com.android.support:appcompat-v7:25.2.0'
    compile 'com.ashokvarma.android:bottom-navigation-bar:1.3.1'
    compile 'com.android.support:support-v4:25.2.0'
    testCompile 'junit:junit:4.12'
}