关于TabLayout与ViewPager在Fragment中嵌套Fragment使用或配合使用的思考

注意：

因为继承的是Fragment，所以getSupportFragmentManager()与getFragmentManager()方法无法使用，这里需要用到getChildFragmentManager()方法；

（用getFragmentManager()方法并不会报错，但到时候运行的时候会出问题，查了好久才知道这个错误）

统一Fragment类型，要么为“android.support.v4.app.Fragment”，要么为“android.app.Fragment”；

明白需求类型，正确使用adpter：FragmentPagerAdapter、PagerAdapter等等；Fragment中嵌套Fragment可以使用FragmentPagerAdapter。

先是TabLayout：

贴出xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="com.xxx.xxx.xxx.xxxFragment"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:tabSelectedTextColor="#000"
        app:tabTextColor="#939292"
        app:tabTextAppearance="@style/TabLayoutTextStyle"
        app:tabIndicatorColor="#000"
        app:tabBackground="@null"
        app:tabIndicatorHeight="1dp"
        app:tabGravity="fill"/>
    <View
        android:layout_width="match_parent"
        android:layout_height="3dp"
        android:layout_below="@+id/tabLayout"
        android:background="@drawable/toolbar">
    </View>
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

View起装饰作用，若不使用ViewPager则可去掉xml中的ViewPager定义。

再是对TabLayout属性的一些介绍及与ViewPager配合使用的一些思考：

1.改变选中字体的颜色
app:tabSelectedTextColor="xxx"
2.改变未选中字体的颜色
app:tabTextColor="xxx"
3.改变指示器下标的颜色
app:tabIndicatorColor="xxx"
4.改变整个TabLayout的颜色
app:tabBackground="xxx"
5.设置指示器下标的高度：
app:tabIndicatorHeight="xxdp"
6.设置Tab内部的子控件的Padding：
app:tabPadding="xxdp"
app:tabPaddingTop="xxdp"
app:tabPaddingStart="xxdp"
app:tabPaddingEnd="xxdp"
app:tabPaddingBottom="xxdp"
7.设置整个TabLayout的Padding：
app:paddingEnd="xxdp"
app:paddingStart="xxdp"
8.内容的显示模式
app:tabGravity="center"//居中，如果是fill，则是充满
9.设置最大的tab宽度：
app:tabMaxWidth="xxdp"
10.设置最小的tab宽度：
app:tabMinWidth="xxdp"
11.TabLayout开始位置的偏移量：
app:tabContentStart="100dp"

有时候在xml中设置TabLayout的属性可能不会起作用（遇到过但还不清楚为什么），这时候就需要在逻辑中对TabLayout属性进行设置，如：

tabLayout.setSelectedTabIndicatorColor(Color.BLACK);//设置下标颜色
tabLayout.setSelectedTabIndicatorHeight(1);//设置下标高度

使用的TabLayout可以没有文字，在设置中如：

 tabLayout.addTab(tabLayout.newTab().setIcon(R.drawable.xxx));

若不配合ViewPager使用可以用以下方法进行监听联动其他Fragment：

 tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener(){
             @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN_MR1)
             @Override
             public void onTabSelected(TabLayout.Tab tab) {
                 Log.e("TAG","tab position:"+tab.getPosition());
                 FragmentManager fm = xxxFragment.this.getChildFragmentManager();
                 //开启事务
                 FragmentTransaction transaction = fm.beginTransaction();
                 Intent intent;
                 switch (tab.getPosition()){
                     case 0:{
                         if (mxxxFragment == null) {
                             mxxxFragment = new xxxFragment();
                             Bundle bundle = new Bundle();
                             bundle.putInt("xx", xx);
                             mxxxFragment.setArguments(bundle);
                         }
                         transaction = fm.beginTransaction();
                         transaction.replace(R.id.xxx, mxxxFragment); //连接TabLayout下的Fragment需要放置的位置
                         transaction.commit();
                         break;
                     }
                     case 1:{
                         intent = new Intent(getActivity(), xxxActivity.class);
                         startActivity(intent);
                         break;
                     default:
                         break;
                 }
             }
             @Override
             public void onTabUnselected(TabLayout.Tab tab) {

             }
             @Override
             public void onTabReselected(TabLayout.Tab tab) {
             }
         });

或启一个list放置动态建立fragment（在onCreateView方法中完成，可配合ViewPager中Adapter的定义）：

 List<Fragment> fragments=new ArrayList<Fragment>();
 fragments.add(new xxxFragment());
 fragments.add(new xxxFragment());

若想配合ViewPager使用：

 private TabLayout mTabLayout;
 private ViewPager mViewPager;
 FragmentPagerAdapter mAdapter;
 //对TabLayout以及ViewPager的监听，以下皆在onCreateView方法中完成
 mViewPager = (ViewPager) view.findViewById(R.id.viewpager);
 mTabLayout = (TabLayout) view.findViewById(R.id.tabLayout);
 FragmentManager man = AboutFragment.this.getChildFragmentManager();
 mTabLayout.setTabMode(TabLayout.MODE_FIXED);//设置tab模式，当前为系统默认模式
 mAdapter= new FragmentAdapter(man,fragments);
 mViewPager.setAdapter(mAdapter);//给ViewPager设置适配器
 mTabLayout.setupWithViewPager(mViewPager);//将TabLayout和ViewPager关联起来。
 mTabLayout.setTabsFromPagerAdapter(mAdapter);//给Tabs设置适配器

再是对adpter的定义：

 public class FragmentAdapter extends FragmentPagerAdapter {
         private String [] title = {"已关注","你"};
         private List<Fragment> fragmentList;
         public FragmentAdapter(FragmentManager fm, List<Fragment> fragmentList) {
             super(fm);
             this.fragmentList = fragmentList;
         }

         @Override
         public Fragment getItem(int position) {
             return fragmentList.get(position);//或返回具体的fragment并传值
         }
         @Override
         public int getCount() {
             return fragmentList.size();
         }
         @Override
         public CharSequence getPageTitle(int position) {
             return title[position];
         }
     }

若遇到报错，请检查关于fragment的import是否统一，如：

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

值得注意的是：

如果需要进行fragment间数据的传递（如联网时传递用户数据），则需在每个fragment中加入如：

  public static xxxFragment newInstance(String param1) {
         xxxFragment fragment = new xxxFragment();
         Bundle args = new Bundle();
         args.putString("agrs1", param1);
         fragment.setArguments(args);
         return fragment;
     }

最终效果有如：