ViewPager 实现带有小圆点的引导页滑动(实战)

概述

对于 ViewPager ,相信大家都不陌生，我们在 Android 开发中使用它的频率非常之高,应用启动时的引导页，主页指示标签的滑动「上一篇文章就用到了 ViewPager」以及底部的滑动，这些都是 ViewPager 的杰作 。

说个最接地气的例子，当我们新安装了一个安卓应用在手机上并启动那个界面后，十有八九会有一些可以滑动的的页面「不可以滑动的话又怎么能引导你进入应用呢？」，这些可以滑动的页面便可以说是 ViewPager，对于一个很简单的 App，通过 Viewpager 进入了应用，对于一个公司来说，引导页简单粗暴完美，力小作用大地展示本公司的 logo 或者相关信息介绍，以提高知名度，当然，还有的公司用它来投放广告，目的你懂的，好吧，扯着扯着就扯到商业去了，其实这些都说明了引导页的重要性，毕竟价值决定一切，好了，接下来我们就从技术的角度来研究一下它是如何实现引导页滑动效果的。

ViewPager 是 v4 包中的一个类，继承自ViewGroup，其实是一个容器，一般和 Fragment 一起使用，它更方面的管理页面中 Fragment 的生命周期，类似于 ListView，也有自己的适配器，里面用来填充数据页面。布局管理器允许左右翻转带数据的页面，我们想要显示的视图可以通过实现 PagerAdapter 来显示。这个类其实是在早期设计和开发的，它的 API在 后面的更新之中可能会被改变，当它们在新版本之中编译的时候可能还会改变源码。

效果图

废话不说，先上最终效果图:

 

实现过程

1.布局中声明 ViewPager，代码如下：

<android.support.v4.view.ViewPager
   android:id="@+id/mviewpager"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content">
</android.support.v4.view.ViewPager>

2.准备我们需要滑动的页面的每一个 Item，在这里我展示其中一页的代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="@drawable/image1">
   <Button
       android:id="@+id/btn_jump01"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"