https://mp.csdn.net/postedit

點選開啟連結.可以打賞一下或者加個關注

    //底部導航
    compile 'com.hjm:BottomTabBar:1.1.1'
    //tablayout
    implementation 'com.android.support:design:26.+'
    compile 'com.android.support:support-v4:26.+'

 //控制元件佈局（佈局是在實現底部導航欄的類佈局裡）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.month1.MainActivity">

    <com.hjm.bottomtabbar.BottomTabBar
        android:id="@+id/bottom_tab_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </com.hjm.bottomtabbar.BottomTabBar>

</LinearLayout>
 

//Tablayout佈局是放在實現頂部導航欄類的佈局（暫定為A,下面有程式碼）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
 >
 <android.support.design.widget.TabLayout
     android:id="@+id/tablayout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content" />

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

//框架佈局就是這樣了，然後是程式碼操作，在這裡我做的是抽取基類的操作

 //抽取的是Activity的基類

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;

/**
 * Created by lenovo on 2018/4/25.
 */

public abstract class BaseActivity<T> extends AppCompatActivity {
    public T persenter;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().hide();
        setContentView(getViewID());
        persenter = getPersenter();
        initView();
        initData();

    }

    protected abstract int getViewID();
    protected abstract void initView();
    protected abstract void initData();
    protected abstract T getPersenter();
}
 

//抽取Fragment的基類

 


import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


/**
 * Created by lenovo on 2018/4/25.
 */

public abstract class BaseFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = LayoutInflater.from(getContext()).inflate(getLayoutID(),container,false);
        initView(view);
        initData();
        return view;

    }
    protected abstract int getLayoutID();
    protected abstract void initView(View view);
    protected abstract void initData();
}

//基類抽取完成後先看MainActivity類

public class MainActivity extends BaseActivity{
    //得到底部導航的控制元件並操作
    private BottomTabBar bottomTabBar;

    @Override
    protected int getViewID() {
          return R.layout.activity_main;
    }

    @Override
    protected void initView() {
        bottomTabBar= findViewById(R.id.bottom_tab_bar);
    }


    @Override
    protected Object getPersenter() {
        return null;
    }


    @Override
    protected void initData() {
        bottomTabBar.init(getSupportFragmentManager())
                .setImgSize(50,50)
                .setFontSize(8)
                .setTabPadding(4,6,10)
                .setChangeColor(Color.RED, Color.DKGRAY)

                //fragment看下面的模板
                .addTabItem("首頁",R.mipmap.a, OneFragment.class)
                .addTabItem("優惠",R.mipmap.b, TwoFragment.class)
                .addTabItem("分類",R.mipmap.c, TreeFragment.class)
                .addTabItem("我的",R.mipmap.d, ForFragment.class)
                .isShowDivider(false)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name) {

                    }
                });
    }




}

//實現底部導航的佈局就完成了（Fragment類大家就給大家一個模板，其他的Fragment類也一下），同時也實現了頂部導航

public class OneFragment extends BaseFragment {


    private String[] titles = {"頁面1", "頁面2"};
    private TabLayout tablayout;
    private ViewPager viewpager;
    private List<Fragment> fragments;
    private MyAdapter adapter;

    @Override
    protected int getLayoutID() {
        return R.layout.layout_one;
    }

    @Override
    protected void initView(View view) {
        tablayout = view.findViewById(R.id.tablayout);
        viewpager = view.findViewById(R.id.viewpager);
        //頁面，資料來源
        fragments = new ArrayList<>();
        fragments.add(new OneFragment1());
        fragments.add(new OneFragment2());
         //ViewPager的介面卡
        adapter = new MyAdapter(getActivity().getSupportFragmentManager());
        viewpager.setAdapter(adapter);
        //繫結
        tablayout.setupWithViewPager(viewpager);

    }

    @Override
    protected void initData() {

    }
       class MyAdapter extends FragmentPagerAdapter {

        public MyAdapter(FragmentManager fm) {
            super(fm);
        }
        @Override
        public Fragment getItem(int position) {
            return fragments.get(position);
        }

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

        //重寫這個方法，將設定每個Tab的標題
        @Override
        public CharSequence getPageTitle(int position) {
            return titles[position];
        }
    }
}

//頂部航的類

OneFragment1 ，它是在OneFragment中的

public class OneFragment1 extends BaseFragment {
    @Override
    protected int getLayoutID() {
        return R.layout.layoutone1;
    }

    @Override
    protected void initView(View view) {

    }

    @Override
    protected void initData() {

    }
}