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

最新推荐文章于 2024-05-16 21:26:53 发布

dolphkon

最新推荐文章于 2024-05-16 21:26:53 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： ViewPager Android

本文链接：https://blog.youkuaiyun.com/DolphKong/article/details/81085982

本文介绍了如何使用ViewPager在Android中实现带有小圆点的引导页滑动效果。通过创建布局、初始化控件、设置适配器以及添加页面滑动监听，详细讲解了实现这一功能的步骤。最后，文章提到了添加跳过和进入主页面按钮的实现方法。

概述

对于 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"