Carson带你学Android:ViewPage使用教程


目录

  • 定义
  • 作用
  • 使用
  • 滑动接口说明
  • FragmentStatePagerAdapter 和 FragmentPagerAdapter 的异同

1. 定义

  • ViewPager是Android扩展包v4包中的类
android.support.v4.view.ViewPager
  • 类似于LinearLayout,ViewPager类直接继承了ViewGroup类,是一个容器,需要在里面添加我们想要显示的内容。
  • 类似于ListView,ViewPager类需要PagerAdapter适配器类提供数据。

2. 作用

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


3. 使用

建立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" />

2. 在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());

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

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


4. 滑动接口说明

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


5. FragmentStatePagerAdapter 和 FragmentPagerAdapter 的异同:


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

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

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


6. 总结

  • 本文对ViewPage的使用进行了全面的介绍
  • 下面我将继续对 Android中的知识进行深入讲解 ,感兴趣的同学可以继续关注Carson_Ho的简书

相关系列文章阅读
Carson带你学Android:学习方法
Carson带你学Android:四大组件
Carson带你学Android:自定义View
Carson带你学Android:异步-多线程
Carson带你学Android:性能优化
Carson带你学Android:动画


欢迎关注Carson_Ho的简书

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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容