ViewPager的简单使用

        现如今，市面上大部分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的广告条轮播滚动啦。