安卓用ViewPager实现APP的引导页和小圆点_android viewpager和小圆点-CSDN博客

本文链接：https://blog.csdn.net/qq_42246139/article/details/81394702

本文介绍了如何在安卓应用中利用ViewPager实现引导页，并配合小圆点指示器，详细步骤包括创建布局文件、Fragment类、外部资源布局以及Activity。通过此方法，可以实现滑动切换引导页并展示当前位置。

摘要由CSDN通过智能技术生成

在模拟器上显示效果大概如下：

大概思路和代码如下：

1、首先创建一个layout布局文件，

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ViewPagerFragmentActivity">

    <!--实现滑动布局的控件-->
    <android.support.v4.view.ViewPager
        android:id="@+id/myViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <!--根据显示页面显示不同小圆点的控件-->
    <LinearLayout
        android:id="@+id/dot_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="40dip"
        android:gravity="center"
        android:orientation="horizontal"></LinearLayout>

</RelativeLayout>

2、创建四个布局文件，一个布局文件一张图片

我这里四个布局文件名称，以便下面好理解：fmain.xml、fphone.xml、ffriend.xml、fme.xml。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--第一张图片-->
    <ImageView
        android:id="@+id/bookapp1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@drawable/bookapp1" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:lay