美文网首页AndroidAndroidAndroid 学习
Android开发:ViewPage详细使用教程

Android开发:ViewPage详细使用教程

作者: Carson带你学安卓 | 来源:发表于2016-04-23 16:46 被阅读12224次

    目录

    ViewPage.png

    定义

    ViewPager是android扩展包v4包中的类

    android.support.v4.view.ViewPager
    

    作用

    左右切换当前的view,实现滑动切换的效果。

    在使用这个类之前,必须明白:
    1.ViewPager类直接继承了ViewGroup类,和LinearLayout等布局一样,都是一个容器,需要在里面添加我们想要显示的内容。
    2.ViewPager类需要PagerAdapter适配器类提供数据,与ListView类似

    使用

    建立ViewPage的步骤:

    1. 在XML布局中加入android.support.v4.view.ViewPager:
         <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />
    
    1. 在MainActivity加载要显示的页卡:

    当需要加载的页卡是View时:

     LayoutInflater lf = getLayoutInflater().from(this);
            view1 = lf.inflate(R.layout.layout1, null);
            view2 = lf.inflate(R.layout.layout2, null);
            view3 = lf.inflate(R.layout.layout3, null);
    
            viewList = new ArrayList<View>();// 将要分页显示的View装入数组中
            viewList.add(view1);
            viewList.add(view2);
            viewList.add(view3);
    

    当需要加载的页卡是Fragment时:

            
            Fragment1 fragment1 = new Fragment1();
            Fragment2 fragment2 = new Fragment2();
            Fragment3 fragment3 = new Fragment3();
            Fragment4 fragment4 = new Fragment4();
    
          // 将要分页显示的View装入数组中
          List<Fragment> list = new ArrayList<Fragment>();
            list.add(fragment1);
            list.add(fragment2);
            list.add(fragment3);
            list.add(fragment4);
    

    3. 用相应的适配器Adapter关联上面的页卡(View/Fragment)和ViewPager:

    • PagerAdapter 数据源:List<View>
    • FragmentPagerAdapter 数据源:List<Fragment>
    • FragmentStatePagerAdapter 数据源:List<Fragment>

    写一个继承相应Adapter的类,然后根据需求重写方法,有几个方法是必须重写的

    当页卡是View时:用ViewPagerAdapter:

      public class MyViewPagerAdapter extends PagerAdapter{
         private List<View> mListViews;
         public MyViewPagerAdapter(List<View> mListViews) {
            this.mListViews = mListViews;//构造方法,参数是我们的页卡,这样比较方便。
         }
        //直接继承PagerAdapter,至少必须重写下面的四个方法,否则会报错
         @Override
         public void destroyItem(ViewGroup container, int position, Object object)  {   
            container.removeView(mListViews.get(position));//删除页卡
          }
    
         @Override
         public Object instantiateItem(ViewGroup container, int position){
            //这个方法用来实例化页卡       
            container.addView(mListViews.get(position), 0);//添加页卡
            return mListViews.get(position);
         }
         @Override
         public int getCount() {            
            return  mListViews.size();//返回页卡的数量
         }
            
         @Override
         public boolean isViewFromObject(View arg0, Object arg1) {          
            return arg0==arg1;//官方提示这样写
         }
     }
    

    当页卡是Fragment时:用FragmentAdapter:

    import java.util.List;
    
    import android.support.v4.app.Fragment;
    import android.support.v4.app.FragmentManager;
    import android.support.v4.app.FragmentPagerAdapter;
    
    public class MyFragmentAdapter extends FragmentPagerAdapter {
        
        List<Fragment> list;
    
        public MyFragmentAdapter(FragmentManager fm) {
            super(fm);
        }
    
        public MyFragmentAdapter(FragmentManager fm,List<Fragment> list) {
            super(fm);
            this.list=list;
        }//写构造方法,方便赋值调用
        @Override
        public Fragment getItem(int arg0) {
            return list.get(arg0);
        }//根据Item的位置返回对应位置的Fragment,绑定item和Fragment
    
        @Override
        public int getCount() {
            return list.size();
        }//设置Item的数量
    
    }
    

    4. 在Activity里绑定Adapter

    ViewPagerAdapter:

    private ViewPager viewPager;
    
    viewPager.setAdapter(new MyViewPagerAdapter(views));
    viewPager.setCurrentItem(0);
    viewPager.setOnPageChangeListener(new MyOnPageChangeListener());//设置页面切换时候的监听器(可选,用了之后要重写它的回调方法处理页面切换时候的事务)
    

    FragmentPagerAdapter:

    vp.addOnPageChangeListener(this);//设置页面切换时的监听器(可选,用了之后要重写它的回调方法处理页面切换时候的事务)
    vp.setAdapter(new MyFragmentAdapter(getSupportFragmentManager(), list)
    

    5. 设置切换、滑动动画
    利用Viewpage自带的方法setPageTransformer()可用于设置切换动画

    • 步骤1:先定义动画效果类(此处采用Google官方给出的动画类)
      DepthPageTransformer.java
    public class DepthPageTransformer implements ViewPager.PageTransformer {
        private static final float MIN_SCALE = 0.75f;
        public void transformPage(View view, float position) {
            int pageWidth = view.getWidth();
            if (position < -1) { // [-Infinity,-1)
                // This page is way off-screen to the left.
                view.setAlpha(0);
            } else if (position <= 0) { // [-1,0]
                // Use the default slide transition when moving to the left page
                view.setAlpha(1);
                view.setTranslationX(0);
                view.setScaleX(1);
                view.setScaleY(1);
            } else if (position <= 1) { // (0,1]
                // Fade the page out.
                view.setAlpha(1 - position);
                // Counteract the default slide transition
                view.setTranslationX(pageWidth * -position);
                // Scale the page down (between MIN_SCALE and 1)
                float scaleFactor = MIN_SCALE
                        + (1 - MIN_SCALE) * (1 - Math.abs(position));
                view.setScaleX(scaleFactor);
                view.setScaleY(scaleFactor);
            } else { // (1,+Infinity]
                // This page is way off-screen to the right.
                view.setAlpha(0);
            }
        }
    }
    
    • 步骤2:动画方法方法调用
    mViewPager.setPageTransformer(true, new DepthPageTransformer());
    

    这样,切换动画的设置就完成了。

    当然,你也可以自定义切换动画的效果,具体请点击这里

    滑动接口说明

    关于ViewPage的滑动接口OnPageChangeListener()如何使用,请看我写的另外一篇文章:Android开发:ViewPage滑动接口最详细解析

    FragmentStatePagerAdapter 和 FragmentPagerAdapter 的异同:


    • PageAdapter 是 FragmentPagerAdapter 以及
      FragmentStatePagerAdapter 的基类,可将上面的FragmentPagerAdapter 替换成FragmentStatePagerAdapter

    • FragmentPagerAdapter使用时,每一个生成的 Fragment 都将保存在内存之中,而 FragmentStatePagerAdapter 只保留了当前显示的Fragment,其他划过的Fragment离开视线后,就会被销毁;而在页面需要显示时,再生成新的实例。

    即当拥有大量的页面时,使用FragmentStatePagerAdapter不必在内存中占用大量的内存

    总结

    本文对ViewPage进行了全面的介绍,接下来我会介绍继续介绍Android开发中的相关知识,有兴趣可以继续关注Carson_Ho的安卓开发笔记

    请点赞!因为你们的鼓励是我写作的最大动力!

    相关文章阅读
    Android开发:Handler异步通信机制全面解析(包含Looper、Message Queue)
    Android开发:最全面、最易懂的Android屏幕适配解决方案
    Android开发:5分钟解析Activity&Fragment生命周期
    Android开发:JSON简介及最全面解析方法!
    Android开发:XML简介及DOM、SAX、PULL解析对比


    欢迎关注Carson_Ho的简书!

    不定期分享关于安卓开发的干货,追求短、平、快,但却不缺深度

    相关文章

      网友评论

      • 780daa2f13bb:条理清晰 看着就是一种享受
      • a914ff44a27a:如何区分什么时候用view 什么时候用fragment?
      • b71a5151d576:谢谢你的文章,写的很好,希望后期可以多些。

        最好是,在介绍一个知识点时候,还介绍一下其它可以实现的接口。

        还有就是希望文章开篇,可以描述这个接口可以解决什么问题。。
      • 一片落叶枫:又学到了。。。。
      • 李红祥:条清理析,谢谢:+1:

      本文标题:Android开发:ViewPage详细使用教程

      本文链接:https://www.haomeiwen.com/subject/uyvtrttx.html