Android ViewPager详解

作者: jockerMe | 来源:发表于2016-07-05 23:17 被阅读3895次
    配图

    ViewPager基础


    ViewPager 是android support V4 包中 耳朵类,这个类可以让用户左右切换当前的View

    1. ViewPager直接继承自ViewGroup类,它是一个容器类,可以在其中添加其他的View
    2. ViewPager类需要一个PagerAdapter适配器,来为他提供数据。
    3. ViewPager经常和Fragment一起使用,并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类

    ViewPager适配器


    ViewPager像ListView 等控件一样,必须要对ViewPager设置PagerAdapter来完成页面数据的绑定,这个PagerAdapter是一个适配器基类,同样有ViewPager中承载Fragment页的适配器FragmentStatePagerAdapter 以及 FragmentPagerAdapter。

    实现一个最基本的PagerAdapter,需要实现以下4个方法

    public class MyPagerAdapter extends PagerAdapter {
        private List<View> mViewList;
        //也可以重写构造器,传入Context,然后在PagerAdapter
        //中初始话Layout布局,感觉这种通用一些
        public MyPagerAdapter extends PagerAdapter(List<View> mViewList){
            this.mViewList = mViewList;
        }    
        @Override
        public int getCount() {
            //返回有效的View的个数
            return mViewList.size;
        }
        //判断是否page view与 instantiateItem(ViewGroup, int)返回的object的key 是否相同,以提供给其他的函数使用
        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }
        //instantiateItem该方法的功能是创建指定位置的页面视图。finishUpdate(ViewGroup)返回前,页面应该保证被构造好
        //返回值:返回一个对应该页面的object,这个不一定必须是View,但是应该是对应页面的一些其他容器
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.add(mViewList.get(position));
            return mViewList.get(position);
        }
        //该方法的功能是移除一个给定位置的页面。
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }
    }
    

    ViewPager加第三方库实现威信,或者豆瓣的主界面


    豆瓣dome
    实现此控件,引用了第三方库Pagerslidingtabstrip
    需要将compile 'com.astuetz:pagerslidingtabstrip:1.0.1'加入到gradle中
    下面是主界面部分代码:
    <android.support.v4.view.ViewPager
        android:id="@+id/pager" 
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_gravity="center"
        android:layout_weight="1">
    </android.support.v4.view.ViewPager>
    <com.astuetz.PagerSlidingTabStrip
        app:pstsIndicatorHeight="5dp"
        app:pstsIndicatorColor="@color/SlateGrey"
        app:pstsShouldExpand="true"
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="48dp"
    />
    
    public class MyPagerAdapter extends FragmentPagerAdapter
    {
        private Fragment pageFragment;
        private int NUM_PAGES = 5;
        private final String[] Titles= new String[] {
            "豆瓣",
            "小事",
            "发现",
            "圈子",
            "我的"};
        public MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }
        @Override
        public Fragment getItem(int position) {
            switch (position){
                case 0:            
                      pageFragment = new Fragment1();
                      return pageFragment;
                case 1:
                      pageFragment = new Fragment2();
                      return pageFragment;
                case 2:
                      pageFragment = new Fragment3();
                      return pageFragment;
                case 3:
                      pageFragment = new Fragment4();
                      return pageFragment;
                case 4:
                      pageFragment = new Fragment5();
                      return pageFragment;
                default:
                      return null;
              }
          }
          @Override
          public CharSequence getPageTitle(int position) {
              return Titles[position];
          }
          @Overridepublic int getCount() {
              return NUM_PAGES;
          }
    }
    

    利用ViewPager进行实时更新,并且实现广告滚动播放效果。


    其中的小圆点指示器引用了第三方库CircleIndicator

    广告轮播效果

    在ViewPager中同样有notifyDataSetChanged()对PagerAdpter中数据更新,但是通常像ListView中的ArrayAdapter调用notifyDataSetChange(),页面不会像我们认为的那样立即进行更新。因为PagerAdapter在刷新过程中,每次都会调用notifyDataSetChanged()时,都会调用getItemPosition(Object object)方法,该方法会便历ViewPager所有的Item,并且为每个Item返回一个状态值(POSITION_NONE/POSITION_UNCHANGED),如果返回值为POSITION_NONE 那么该Item会被destroyItem(ViewGroup container, int position, Object object)方法remove掉,然后重新加载,如果是POSITION_UNCHANGED,则不会重新加载,在默认的情况下,始终为POSITION_UNCHANGED,所以我们要在ViewPager更新数据,就需要重写getItemPosition(Object object)

    下面有两种方法实现更新:

    1. 直接将getItemPosition(Object object) 的返回值设置为默认的POSITION_UNCHANGE 更改为POSITION_NONE。(这样就会遍历所有的Item,并且destory 所有的item,并且更新全部)
    2. 在PagerAdapter 定义int 型全局变量(意味着需要更新的Item Positon),然后在Adapter中新增函数refresh()在refresh()函数中首先更新定义的int型全局变量,指明需要更新的item,然后在getItemPosition(Ojbect object) 获取遍历到object Position与需要更新的Item 位置进行比较(利用函数getItemPositon(object)),如果相同的话,返回POSITAION_NONE,这样就可以实现对特定位置的Item进行更新。

    如果要实现Pager的滚动播放可以引入以下代码,对当前Pager位置进行设置

    Timer  timer = new Timer();
    TimerTask timeTask = new TimerTask(){
          @Override
          public void run(){
                runOnUiThread(new Runable(){
                      @Override
                      public void run(){
                            int index = mViewPager.getCurrentItem();
                            //ViewPageSize代表你的ViewPage所有Pager的页码数量
                            index = (1 + index) % ViewPageSize;
                            mViewPager.setCurrentItem(index, true);
                      }
                });
          }
     };
    //设置滚动时间
    timer.schedule(timerTask , 5000, 5000)
    

    相关文章

      网友评论

        本文标题:Android ViewPager详解

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