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或查看作者如何实施]