ViewPager+PagerTabStrip实现页面选项卡滑动

经过一个简单的Demo,基本上做出了个可以实现功能的滑动页面，但是这个东西复用性差，而且还有一些小bug,不喜欢，再改！

/*
* 功能：改进滑动页面效果
* 作者：刘慧超
* 时间：2015年11月16日01:18:07
* */
public class Main2Activity extends AppCompatActivity {

    ViewPager pager=null;
    PagerTabStrip tabStrip=null;
    ArrayList<View> viewContainter=new ArrayList<View>();//tab对应的视图
    ArrayList<String> titleContainer=new ArrayList<String>(){};//tab的标题

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.content_main2);

        pager=(ViewPager)findViewById(R.id.viewpagerTwo);
        tabStrip=(PagerTabStrip)this.findViewById(R.id.tabstripTwo);

        View view1= LayoutInflater.from(this).inflate(R.layout.tab1,null);
        View view2=LayoutInflater.from(this).inflate(R.layout.tab2,null);
        View view3=LayoutInflater.from(this).inflate(R.layout.tab3,null);
        //从ViewPager开始添加View
        viewContainter.add(view1);
        viewContainter.add(view2);
        viewContainter.add(view3);
        //页签项
        titleContainer.add("第一项");
        titleContainer.add("第二项");
        titleContainer.add("第三项");
        pager.setAdapter(new TestPagerAdapter(viewContainter, titleContainer));
        pager.setOnPageChangeListener(new TestOnPageChangeListener());
    }

    /*继承OnPageChangeListener*/
    public class TestOnPageChangeListener implements ViewPager.OnPageChangeListener {

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            switch (position){
                case 0:
                    Toast.makeText(getBaseContext(),"当前position为："+position,Toast.LENGTH_SHORT).show();
                    break;
                case 1:
                    Toast.makeText(getBaseContext(),"当前position为："+position,Toast.LENGTH_SHORT).show();
                    break;
                case 2:
                    Toast.makeText(getBaseContext(),"当前position为："+position,Toast.LENGTH_SHORT).show();
                    break;
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    }

    /*继承PagerAdapter */
    public class TestPagerAdapter extends PagerAdapter{

        private ArrayList<View> viewContainter;//tab对应的视图
        private ArrayList<String> titleContainer;//tab的标题

        /*
        * construction Function
        *   传入view跟title数组
        * */
        public TestPagerAdapter(ArrayList<View> viewContainter,ArrayList<String> titleContainer){
            this.viewContainter=viewContainter;
            this.titleContainer=titleContainer;
        }
        /*
             * viewpager中组件数量
             * */
        @Override
        public int getCount() {
            return viewContainter.size();
        }

        /*
        * 初始化item
        *   做了两件事，第一：将当前视图添加到container中，第二：返回当前View
        *
        *   这个函数的实现的功能是创建指定位置的页面视图。
        *   适配器有责任增加即将创建的View视图到这里给定的container中，
        *   这是为了确保在finishUpdate(viewGroup)返回时this is be done!

        返回值：返回一个代表新增视图页面的Object（Key），这里没必要非要返回视图本身，
            也可以这个页面的其它容器。其实我的理解是可以代表当前页面的任意值，
            只要你可以与你增加的View一一对应即可，比如position变量也可以做为Key
        * */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ((ViewPager) container).addView(viewContainter.get(position));
            return viewContainter.get(position);
        }

        /*滑动切换的时候销毁当前组件
        *   从当前container中删除指定位置（position）的View;
        * */
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            ((ViewPager) container).removeView(viewContainter.get(position));
        }

        /*
        * */
        @Override
        public int getItemPosition(Object object) {
            return super.getItemPosition(object);
        }

        /*为每个页面提供页面标题*/
        @Override
        public CharSequence getPageTitle(int position) {
            return titleContainer.get(position);
        }

        /*
        * 该函数用来判断instantiateItem(ViewGroup, int)
        *   函数所返回来的Key与一个页面视图是否是代表的同一个视图(即它俩是否是对应的，对应的表示同一个View)
        *
        *返回值：如果对应的是同一个View，返回True，否则返回False。
        * */
        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;  //官方提示这样写
        }
    }
}

通过重写继承OnPageChangeListener跟PagerAdapter，将一些重复性代码放到这两个类里面，在onCreate里面只需要加入一些初始化的方法即可，但是感觉还有一些小bug:

Bug1，刚进入到应用里面，标题没有显示出来。

Bug2:左右滑动的时候标题不固定。

好吧，继续改动！！！

版权声明：本文为博主原创文章，未经博主允许不得转载。