入门级ViewPager的使用

来源：互联网发布：三国无双7帝国初音数据编辑：程序博客网时间：2024/06/08 10:57

2017年开始了，说起来有些惭愧，自去年12月至现在，都没写过代码了，很多东西都忘记了。自己静下心来想了想觉得有必要开始写博客了。也算是一种新的学习方式。现在就从一个简单的Viewpager使用开始吧！

ViewPager是v4包下的，它直接继承于ViewGroup，在安卓中有广泛的应用。

View Pager布局文件：

<android.support.v4.view.ViewPager    android:id="@+id/viewpager"    android:layout_width="match_parent"    android:layout_height="280dp"></android.support.v4.view.ViewPager>

接下来就是在布局中找到此控件

ViewPager pager = (ViewPager) findViewById(R.id.viewpager);

然后就是给它设置适配器：

pager.setAdapter(new MyAdapter());

注意如过给ViewPager填充不同的内容，适配器所要继承的类也是有所不同的，如果只是填充普通的图片，要实现轮播图，那只需要继承PagerAdapter。若想填充Fragment则要继承FragmentPagerAdapter或FragmentStatePagerAdapter。而FragmentPagerAdapter和FragmentStatePagerAdapter两者之间的不同在于：前者每一个生成的 Fragment 都将保存在内存之中，因此适用于那些`相对静态的页，数量也比较少`的那种；后者当页面离开视线后，就会被消除，释放其资源，而在页面需要显示时，生成新的页面(就像 ListView 的实现一样)。这么实现的好处就是当拥有大量的页面时，不必在内存中占用大量的内存。值得一提的是这两个类也都是继承于PagerAdapter。

继承PagerAdapter实现无限轮播的代码：

int[] mImage = {R.drawable.home01,R.drawable.home02,R.drawable.home03};    class MyAdapter extends PagerAdapter{//此方法返回View Pager内有多少条目        @Override        public int getCount() {            return mImage.length;        }//此方法大概是比较前后两个视图即item是否一样        @Override        public boolean isViewFromObject(View view, Object object) {            return view == object;        }//往container中添加View并返回此View        @Override        public Object instantiateItem(ViewGroup container, int position) {            ImageView imageView = new ImageView(MainActivity.this);            imageView.setImageResource(mImage[position]);            container.addView(imageView);            return imageView;        }//从container中删除View，因为ViewPager默认只保存当先显示的View的前一个以及后一个        @Override        public void destroyItem(ViewGroup container, int position, Object object) {            container.removeView((View) object);        }    }

实现自动轮播的功能：

Handler handler；

if(handler == null){           handler = new Handler(){               @Override               public void handleMessage(Message msg) {                   int current = pager.getCurrentItem();                   if(current == mImage.length - 1){                       pager.setCurrentItem(0);                   }else if(current < mImage.length - 1){                       pager.setCurrentItem(++current);                   }                   handler.sendEmptyMessageDelayed(0,2000);               }           };           handler.sendEmptyMessageDelayed(0,2000);       }

这个时候可能会遇到，在自动轮播的时候如果用手滑动ViewPager会出现奇怪的用户体验，解决方案：

pager.setOnTouchListener(new View.OnTouchListener() {            @Override            public boolean onTouch(View v, MotionEvent event) {                switch(event.getAction()){                    case MotionEvent.ACTION_DOWN:                        handler.removeCallbacksAndMessages(null);                        break;                    case MotionEvent.ACTION_CANCEL:                        handler.sendEmptyMessageDelayed(0,2000);                        break;                    case MotionEvent.ACTION_UP:                        handler.sendEmptyMessageDelayed(0,2000);                        break;                }                return false;            }        });

0 0