用 ViewPager2 自定义指示器视图，打造更生动交互界面

Android ViewPager2 入门：打造自定义指示器视图

前言：为什么要用 ViewPager2？

ViewPager2 是 ViewPager 的升级版本，解决了 ViewPager 的很多痛点，比如从右到左的布局支持、垂直方向的支持、可修改的页面切换动画等等。此外，ViewPager2 还提供了更强大的 API，方便我们对页面滑动进行更多的控制。

ViewPager2 默认带有一个指示器，但是这个指示器非常简单，只能显示当前页面的位置。如果我们要实现更美观的指示器，就需要自己动手制作。

打造自定义指示器视图

1. 创建自定义指示器视图

首先，我们需要创建一个自定义的指示器视图。这个视图可以根据自己的喜好进行设计，可以是简单的圆点指示器，也可以是更复杂的动画指示器。

2. 实现指示器视图的逻辑

在创建好自定义指示器视图之后，我们就需要实现它的逻辑。这个逻辑包括：

• 当 ViewPager2 的页面发生变化时，更新指示器视图上的指示器。
• 当用户点击指示器视图上的指示器时，切换到相应的页面。

3. 将自定义指示器视图添加到 ViewPager2

在实现好自定义指示器视图的逻辑之后，我们就需要把它添加到 ViewPager2 中。我们可以通过在 ViewPager2 的 xml 布局文件中添加以下代码来实现：

<com.example.customindicator.CustomIndicatorView
    android:id="@+id/indicator_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:indicator_count="3"
    app:indicator_active_color="@color/colorAccent"
    app:indicator_inactive_color="@color/colorGray" />

效果预览

使用自定义指示器视图，我们可以实现出各种各样的指示器效果。这里列举几种常见的效果：

• 圆点指示器：这是最简单的指示器效果，就是在 ViewPager2 的底部显示一个或多个圆点，当前页面的圆点会高亮显示。
• 线性指示器：这种指示器效果会在 ViewPager2 的底部显示一条线，当前页面的线段会高亮显示。
• 标签指示器：这种指示器效果会在 ViewPager2 的底部显示一排标签，当前页面的标签会高亮显示。
• 动画指示器：这种指示器效果会显示一个动画，来指示当前页面。

结语

通过使用 ViewPager2 与自定义指示器视图，我们可以打造出更加生动和美观的页面滑动效果，优化用户体验。希望本文能够帮助你更好的理解和使用 ViewPager2。