封装通用的底部导航栏

陆陆续续的也做了几个项目，发现项目中很多东西都是通用的，懒是程序员的一个优点，为了避免重复造轮子的现象，因此一次性将这些轮子造出来，方便以后拿来就用。

先看效果：

这就是封装的一个效果了。大家看我只用了几行代码就实现了这个效果：

public class MainActivity extends BottomTabBaseActivity{

    @Override
    protected List<BottomTabView.TabItemView> getTabViews() {
        List<BottomTabView.TabItemView> tabItemViews = new ArrayList<>();
        tabItemViews.add(new BottomTabView.TabItemView(this, "玩酷", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.ku, R.mipmap.ku_1));
        tabItemViews.add(new BottomTabView.TabItemView(this, "魔鬼", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.mo, R.mipmap.mo_1));
        tabItemViews.add(new BottomTabView.TabItemView(this, "生气", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.sheng, R.mipmap.sheng_1));
        tabItemViews.add(new BottomTabView.TabItemView(this, "天使", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.tian, R.mipmap.tian_1));
        return tabItemViews;
    }
    @Override
    protected List<Fragment> getFragments() {
        List<Fragment> fragments = new ArrayList<>();
        fragments.add(new TabFragment1());
        fragments.add(new TabFragment1());
        fragments.add(new TabFragment1());
        fragments.add(new TabFragment1());
        return fragments;
    }
    @Override
    protected View getCenterView() {
        ImageView centerView = new ImageView(this);
        centerView.setImageResource(R.mipmap.cury);
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(150, 150);
        centerView.setLayoutParams(layoutParams);
        centerView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "centerView 点击了", Toast.LENGTH_SHORT).show();
            }
        });
        return centerView;
    }
}

当然，这几行代码的背后肯定是更多的代码支持，然后这却可以随处引用，不用重复造轮子了：

通过自定义一个类，动态的添加我们需要的底部导航按钮，主要的两个方法如下：

    /**
     * 设置 Tab Item View
     */
    public void setTabItemViews(List<TabItemView> tabItemViews) {
        setTabItemViews(tabItemViews, null);
    }

    /**
     * 设置 Tab Item View
     */
    public void setTabItemViews(List<TabItemView> tabItemViews, View centerView) {

        if (this.tabItemViews != null) {
            throw new RuntimeException("不能重复设置！");
        }

提供 setOnTabItemSelectListener 方法，用于设置 TabItem 的选择监听，可以实现 ViewPager 的页面切换或者 Fragment 切换，还提供了用于二次点击的方法：

    public void setOnTabItemSelectListener(OnTabItemSelectListener onTabItemSelectListener) {
        this.onTabItemSelectListener = onTabItemSelectListener;
    }

    public void setOnSecondSelectListener(OnSecondSelectListener onSecondSelectListener) {
        this.onSecondSelectListener = onSecondSelectListener;
    }

基础内容介绍完了，开撸：

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

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <View
        android:layout_width="match_parent"
        android:background="#c7c7c7"
        android:layout_height="0.1dp"/>
    <com.example.forget.bottomview.BottomTabView
        android:id="@+id/bottomTabView"
        android:gravity="bottom"
        android:layout_width="match_parent"
        android:layout_height="50dp"/>

</LinearLayout>

（布局文件，就是一个viewpager，以及一个自定义的view）

BottomTabBaseActivity 设置成抽象类（用于强制子类实现），并添加三个方法：

    protected abstract List<BottomTabView.TabItemView> getTabViews();
    protected abstract List<Fragment> getFragments();
    protected View getCenterView(){
        return null;
    }

这么写的原因如下：

可变的东西（底部菜单的 Item、Fragment）放在子类去实现，父类 BottomTabBaseActivity 实现不变的、重复性的代码
所以声明两个抽象方法 getTabViews、getFragments ，并在子类去实现，至于 getCenterView 方法可以自行定制，如果需要 CenterView 在子类实现方法即可。

MainActivity 继承自 BottomTabBaseActivity，只需实现两个方法，其他的什么也不需要做：

public class MainActivity extends BottomTabBaseActivity{

    @Override
    protected List<BottomTabView.TabItemView> getTabViews() {
        List<BottomTabView.TabItemView> tabItemViews = new ArrayList<>();
        tabItemViews.add(new BottomTabView.TabItemView(this, "玩酷", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.ku, R.mipmap.ku_1));
        tabItemViews.add(new BottomTabView.TabItemView(this, "魔鬼", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.mo, R.mipmap.mo_1));
        tabItemViews.add(new BottomTabView.TabItemView(this, "生气", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.sheng, R.mipmap.sheng_1));
        tabItemViews.add(new BottomTabView.TabItemView(this, "天使", R.color.colorPrimary,
                R.color.colorAccent, R.mipmap.tian, R.mipmap.tian_1));
        return tabItemViews;
    }
    @Override
    protected List<Fragment> getFragments() {
        List<Fragment> fragments = new ArrayList<>();
        fragments.add(new TabFragment1());
        fragments.add(new TabFragment1());
        fragments.add(new TabFragment1());
        fragments.add(new TabFragment1());
        return fragments;
    }

这样效果就实现了。如果不想让中间的部分暴露出来的话，那么只用修改以下部分即可：

在最外层布局添加属性并设置成     android:clipChildren="true"或者不写这句即可。