TabLayout - 动画圆形指示器（更改为药丸形状）

Question

如何实现在滚动视图分页器时将形状更改为药丸的点指示选项卡布局。

这是我现在得到的结果，气泡只是从一个到另一个。

这就是我要的结果，泡泡应该会变成药丸。

我的圆形代码

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:innerRadius="0dp" android:shape="ring" android:thickness="4dp" android:useLevel="false">
            <solid android:color="@color/white"/>
        </shape>
    </item>
</layer-list>

我的选项卡布局

   <com.google.android.material.tabs.TabLayout
      android:id="@+id/tab_layout"
      android:layout_width="45dp"
      android:layout_height="15dp"
      app:tabBackground="@xml/tab_default_dot"
      app:tabGravity="center"
      app:tabIndicatorColor="@color/white"
      app:tabIndicator="@xml/tab_default_dot"
      app:tabIndicatorGravity="stretch" />

Answer 1

使用这个lib 或者看看作者是如何实现的

TabLayout - 动画圆形指示器（更改为药丸形状）

TabLayout - Animated round indicator (changes to pill shape)

android

android-viewpager

android-tablayout