ViewPager实现Tab

由于手机本身的空间没那么大，所以大部分情况我们都会使用tab来实现扩展手机页面。今天这篇博客我主要写下如何利用ViewPager 实现tab。
这里首先我们要准备好布局。

一个title布局，一个bottom布局，中间是一个ViewPager控件，这里我准备了3个tab布局。

布局文件就不做过多说明了，主要说下活动里面利用ViewPager实现Tab。
首先声明几个对象

    private ViewPager mViewPager;
    private List<View> mlist=new ArrayList<>();
    private PagerAdapter mAdapter;

    private LinearLayout mL1;
    private LinearLayout mL2;
    private LinearLayout mL3;
    private ImageButton ml1_img;
    private ImageButton ml2_img;
    private ImageButton ml3_img;

第二行代码声明了一个View类型的List集合，保存每一个tab页面。
ViewPager需要声明PagerAdapter适配器。
剩下的代码就是第一张图片里面的控件声明。

    LayoutInflater mInflater=LayoutInflater.from(this);
        View tab_01=mInflater.inflate(R.layout.tab1,null);
        View tab_02=mInflater.inflate(R.layout.tab2,null);
        View tab_03=mInflater.inflate(R.layout.tab3,null);

        mlist.add(tab_01);
        mlist.add(tab_02);
        mlist.add(tab_03);

把tab添加到List集合里面之后，声明PagerAdapter内部类。

mAdapter=new PagerAdapter() {

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

            @Override
            public boolean isViewFromObject(View view, Object object) {
                return view==object;
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                container.removeView(mlist.get(position));
            }

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                View view=mlist.get(position);
                container.addView(view);
                return view;
            }
        };

默认生成前两个方法，我们还需要再重写后两个方法，一个是初始化item，一个是移走item.
PagerAdapter写完之后，通过ViewPager的setAdapter()方法联系在一起。

mViewPager.setAdapter(mAdapter);

此时运行我们左右滑动，可以实现页面切换，但是页面下面的bottom没有任何变化。接下来的博客说下如何实现下面的bottom的控件和页面切换保持一致。