如何使用点指示器扩展 ViewPager2？

Question

我目前正在编写说明手册，它确实有页面 - 并使用 ViewPager2。

到目前为止，我已经找到了 ViewPager 的点指示器，但没有找到 ViewPager2 的点指示器。我想提供更好的视觉反馈，这样一开始人们就可以看到有更多的页面。如何以最少的努力使用点指示器扩展 ViewPager2？这不是对场外资源的请求——尽管我自己的回答使用了图书馆。随意添加更好（更轻量级）的答案。

Answer 1

包裹me.relex:circleindicator supports ViewPager2 and is available on mavenCentral()：

dependencies {
    implementation "androidx.viewpager2:viewpager2:1.0.0"
    implementation "me.relex:circleindicator:2.1.6"
}

必须在 XML:

中使用 class CircleIndicator3

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/pager"
    android:layout_weight="1.00"
    android:layout_width="match_parent"
    android:layout_height="0dp"/>

<me.relex.circleindicator.CircleIndicator3
    android:id="@+id/indicator"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    app:ci_width="5dp"
    app:ci_height="5dp"
    app:ci_margin="5dp"
    app:ci_orientation="horizontal"
    app:ci_gravity="center"/>

还有我的代码 Fragment:

@Override
@NonNull
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

    /* Inflate the data-binding */
    this.mDataBinding = DialogManualBinding.inflate(inflater, container, false);

    /* FragmentStateAdapter */
    ManualPagerAdapter adapter = new ManualPagerAdapter(getChildFragmentManager(), getLifecycle());
    this.mDataBinding.pager.setAdapter(adapter);

    /* CircleIndicator3 */
    this.mDataBinding.indicator.setViewPager(this.mDataBinding.pager);

    /* Optional */
    adapter.registerAdapterDataObserver(this.mDataBinding.indicator.getAdapterDataObserver());

    return this.mDataBinding.getRoot();
}

如何使用点指示器扩展 ViewPager2？

How to extend ViewPager2 with a dot indicator?

java

android

pagination

androidx

android-viewpager2