ViewPager的简单使用

来源：互联网发布：淘宝买家信誉好有什么编辑：程序博客网时间：2024/04/20 21:36

现如今，市面上大部分app在首页都会加上广告轮播条，可见ViewPager在开发中的使用频率非常的高，今天给大家介绍一下ViewPager的基本使用：

先给大家上一张效果图：

1.ViewPager的简介和作用
ViewPager是android扩展包v4包(可以兼容低版本)中的类，这个类可以让用户左右滑动当前的视图。
1）ViewPager类直接继承了ViewGroup类，所有它是一个容器类，可以在其中添加其他的view类。
2）ViewPager类需要一个PagerAdapter适配器类给它提供数据。
3）ViewPager经常和Fragment一起使用，完成框架的搭建。

2.ViewPager的适配器
ViewPager的适配器为PagerAdapter(必须实现四个方法)，和ListView等控件使用一样,需要ViewPager设置PagerAdapter来完成页面和数据的绑定，这个PagerAdapter是一个基类适配器，我们经常用它来实现app引导图，它的子类有FragmentPagerAdapter和FragmentStatePagerAdapter,这两个子类适配器用于和Fragment一起使用，在安卓应用中它们就像listview一样出现的频繁。

这里我给大家做一个简单的例子了解一下ViewPager：

一、页面布局（v4包下）：

<LinearLayout android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    xmlns:android="http://schemas.android.com/apk/res/android"> <android.support.v4.view.ViewPager     android:id="@+id/viewPager"     android:layout_width="match_parent"     android:layout_height="200dp"> </android.support.v4.view.ViewPager></LinearLayout>

二、MainActivity：

简单的分析一下：

1.viewPager的循环滑动其实很简单，只需要在MyViewPager的回调方法getCount中将返回的条目数设置为比较大的一个数。

2.ViewPager自动轮播实现原理：一种是利用handler发送延时消息，进入死循环，并注意在onDestroy方法中要移除handler，防止出现OOM。而另外一种则是利用定时器（Timer）或者任务调度框架（例如quartz）等去实现。相比较而言，利用handler发送延时消息显得更为简单一点。

3.当用户手指触摸到轮播条的时候，轮播条应该停止滑动，而当用户手指离开屏幕的时候，轮播条应该继续轮播。这种方式的实现也很简单，主要是监听触摸事件，在不同的ACTION事件中实现不同的逻辑。(第二种方法，对ViewPager的状态进行判断，当ViewPager处于空闲状态时，进行轮播，否则停止轮播)。

4.为了实现伪无限滑动，注意角标越界问题。(解决办法：取余数)。

具体代码如下：public class MainActivity extends AppCompatActivity {    private ViewPager viewPager;    //广告条的资源，如果网上动态加载图片，这里要做修改，因为没有服务器资源，所以设置的就是固定的资源    private int[] imageID = new int[]{R.drawable.tu1, R.drawable.tu2, R.drawable.tu3};    //创建handler对象，主要是为了实现ViewPager的自动滑动    private Handler handler = new Handler();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //初始化控件        viewPager = (ViewPager) findViewById(R.id.viewPager);        //绑定适配器        viewPager.setAdapter(new MyViewPagerAdapter());        //设置ViewPager起始页数时，默认从零开始，我们设置为5000，这样才开始就能向左滑动        viewPager.setCurrentItem(5000);        //调用封装的方法进行自动的滑动        AutoScroll();        //设置ViewPager的监听器        viewPager.setOnTouchListener(new View.OnTouchListener() {            @Override            public boolean onTouch(View v, MotionEvent event) {                switch (event.getAction()) {                    //当用户按下的时候，ViewPager轮播停止                    case MotionEvent.ACTION_DOWN:                        handler.removeCallbacksAndMessages(null);                        break;                    //当用户抬起的时候，ViewPager继续开始工作，再调用一下AutoScroll()方法                    case MotionEvent.ACTION_UP:                        AutoScroll();                        break;                }                return false;            }        });    }    private void AutoScroll() {        //使用这个方法，第二个参数可以指定方法多少秒后执行        handler.postDelayed(new Runnable() {            @Override            public void run() {                //获取当前的页面下标                int currentItem = viewPager.getCurrentItem();                //在原有的页数加一就是下一个页数，然后设置跳到这一页，即可在次死循环里实现自动轮播的效果                viewPager.setCurrentItem(currentItem + 1);                //使用postDelayed(this,2000)可以让 run()里面的代码成为死循环                handler.postDelayed(this, 2000);            }        }, 2000);    }    //创建适配器MyViewPagerAdapter继承PagerAdapter，并重写四个方法    class MyViewPagerAdapter extends PagerAdapter {        @Override        public int getCount() {            return 100000;        }        @Override        public boolean isViewFromObject(View view, Object object) {            return view == object;        }        @Override        public Object instantiateItem(ViewGroup container, int position) {            //防止ViewPager角标越界，取他的余数，position除以数组的长度取余数            position %= imageID.length;            ImageView imageView = new ImageView(MainActivity.this);            imageView.setBackgroundResource(imageID[position]);            container.addView(imageView);            return imageView;        }        @Override        public void destroyItem(ViewGroup container, int position, Object object) {            container.removeView((View) object);        }    }}

按照上面的代码中的注释来，一步一步进行操作，就可以实现ViewPager的广告条轮播滚动啦。

0 0