「转载」Tablayout+ ViewPage + Fragment详解

Tablayout + ViewPage + Fragment详解

144

作者 吃故事的妖怪 * 关注2016.08.04 22:42 字数 799

昨天用到tablayou+viewpage嵌套fragment布局，就在调用viewpage的时候调接口突然发现出来两个接口，一个是FragmentPagerAdapter，一个是FragmentStatePageAdapter，说实话那一刻我是懵逼的，老夫前三个月刚写了一个tablayout布局，但是现在对FragmentPagerAdapter完全陌生，谁知道这个野孩子是从哪里蹦出来的。上网一查，14年就出现过了，经过了短暂的怀疑人生后我不得不重新看这个借口，看看这个接口到底是啥。
接口总共实现了三个函数。

public class SimpleFragmentAdapter extends FragmentPagerAdapter {
    @Override
    public Fragment getItem(int position) {
        return Fragments.get(position);
    }

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

    public CharSequence getPageTitle(int position){
        return list_title.get(position);
    }

这三个函数很熟悉了，当初接触ListView的时候重写适配器就有这三兄弟，于是猜想既然是ViewPage的适配器，那用法一样了。胆大猜想，谨慎行事。开始写代码吧。
先上布局文件的代码：

很简单，一个线性布局里面放一个tablayout和viewpager。然后我们在创建三个Fragment，在这我就不展示代码了，各位看官创建一下就好。图三是我创建的三个Fragment。

图三

这时候我们再创建viewpager的适配器，接口继承FragmentPagerAdapter，把三个父类方法调出来。然后我们开始想，这个适配器里我们需要传什么值。首先，既然是ViewPager对Fragment操作，肯定需要一个FragmentManager,接下来，我们需要将创建好的三个Fragment也传进来，同时我们也要将tablayout显示的信息的设计和也传进来，再传一个上下文，总共四个值。好了，那么就可以写构造函数了。如下：

public class SimpleFragmentAdapter extends FragmentPagerAdapter {

    private Context context;
    private List fragments;
    private List list_title;

    public SimpleFragmentAdapter(FragmentManager fm, Context context, List
            fragmentList, List list_title) {
        super(fm);
        this.context = context;
        this.fragments = fragmentList;
        this.list_title = list_title;
    }
    @Override
    public Fragment getItem(int position) {
        return Fragments.get(position);
    }

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

    public CharSequence getPageTitle(int position){
        return list_title.get(position);
    }
}

这样，我们在getItem()中返回的是fragment集合中对应的fragment，在getCount()中返回的是fragment的数量，在getPageTitle()中返回的是tablayout的信息列表。
接下来就在主函数里写，首先定义了如下变量：

public class MainActivity extends AppCompatActivity {

    private ViewPager viewpager;
    private TabLayout tabLayout;
    private List fragments;
    private List list_title;
    private SimpleFragmentAdapter pageadapter;
    private TwoFragment twoFragment;
    private OneFragment oneFragment;
    private ThreeFragment ThreeFragment;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);```
 看到这些变量，就已经明白接下来该怎么做了。首先将三个Fragment储存在fragment集合中，然后在list_title集合中得到想要tablayout显示的值，最后通过适配器将pageadapter放到viewpager中就好。主要代码如下：

    fragmentList.add(oneFragment);
    fragmentList.add(twoFragment);
    fragmentList.add(threeFragment);

    list_title.add("聊天");
    list_title.add("联系人");
    list_title.add("朋友圈");

    pageadapter = new SimpleFragmentAdapter(getSupportFragmentManager(), this, fragmentList,
            list_title);

    viewPager.setAdapter(pageadapter);
    tabLyout.setupWithViewPage(viewPager);
    tabLyout.setTabMode(TabLayout.MODE_FIXED);
    tabLyout.addTab(tabLayout.newTab().setText(list_title.get(0)));
    tabLyout.addTab(tabLayout.newTab().setText(list_title.get(1)));
    tabLyout.addTab(tabLayout.newTab().setText(list_title.get(2)));
    tabLyout.setupWithViewPage(viewPager);```

这样就完成了。运行一下，果然可以，这样世界观又重新建立起来了。（如果Fragment哪里出错，很有可能是导的包不对，现在的包是android.support.v4.app.Fragment）
返回来在重新看一下FrafmentPageAdapter,上网查阅，它和FragmentStatePagerAdapter区别在于前者包含的Fragment都是一直放在内存中，占内存，后者是动态销毁，需要展示谁显示谁，释放内存。这样的话，前者适合的场合就是处理数量少的信息变化小的Fragment，而后者是处理信息量大的页面内数据变化庞大的。明白了这点后各位就可以看情况而定了。
请随心所欲吧~