1.布局的寫法

<LinearLayout
    android:id="@+id/tab"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/black_alpha_5"
    android:orientation="vertical">


    <LinearLayout
        android:id="@+id/status_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="46dp"
        app:tabIndicatorColor="@color/tab_selected_line_def"
        app:tabSelectedTextColor="@color/tab_text_selected_def"
        app:tabTextColor="@color/tab_text_normal_def"
     app:tabTextAppearance="@style/CustomTabLayoutTextAppearance"
        />


</LinearLayout>


<android.support.v4.view.ViewPager
    android:id="@+id/main_viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

2.Activity的寫法

 @BindView(R.id.status_bar)
     LinearLayout statusBar;
 @BindView(R.id.tab_layout)
    TabLayout tabLayout;
 @BindView(R.id.main_viewpager)
    ViewPager mainViewPager;
//viewPager的適配器
 private FixPagerAdapter fixPagerAdapter;
private String[] titles={"推薦","分類","排行","管理","我的"};
private List<Fragment> fragments;

//對fragment進行綁定
private void intViewPagerFragment() {

    fixPagerAdapter=new FixPagerAdapter(getSupportFragmentManager());

    fragments=new ArrayList<>();
    for(int i=0;i<titles.length;i++){
    //    new RecommendFragment();
        //
        fragments.add(FragmentFactory.createFragment(i));
    }
    fixPagerAdapter.setTitles(titles);
    fixPagerAdapter.setFragments(fragments);

    mainViewPager.setAdapter(fixPagerAdapter);
    //將ViewPager與TabLayout綁定
    tabLayout.setupWithViewPager(mainViewPager);
    //顯示樣式
    tabLayout.setTabMode(TabLayout.MODE_FIXED);

}

fragment工程類的編寫

 public class FragmentFactory {

/**
 * 推薦
 */
public static final int TAB_RECOMMEND=0;

/**
 * 分類
 */
public static final int TAB_CATEGORY=1;

/**
 * 排行
 */
public static final int TAB_TOP=2;

/**
 * 管理
 */
public static final int TAB_APPMANAGER=3;

/**
 * 我的
 */
public static final int TAB_MY=4;

private static Map<Integer,BaseFragment> mFragments=
        new HashMap<Integer,BaseFragment>();

public static BaseFragment createFragment(int index){
    BaseFragment fragment= mFragments.get(index);

    //如果之前沒有創(chuàng)建，創(chuàng)建新的Fragment
    if(fragment==null){
        switch (index){
            case TAB_RECOMMEND:
                fragment=new RecommendFragment();
                break;
            case TAB_CATEGORY:
                fragment=new CategoryFragment();
                break;
            case TAB_TOP:
                fragment=new TopFragment();
                break;
            case TAB_APPMANAGER:
                fragment=new AppManagerFragment();
                break;
            case TAB_MY:
                fragment=new MyFragment();
                break;
                //
        }
        //把創(chuàng)建的Fragment  存起來
        mFragments.put(index,fragment);
    }
    return fragment;
   }
}

樣式的編寫

 <style name="CustomTabLayoutTextAppearance"
    parent="TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse">
    <item name="android:textSize">15sp</item>
 </style>