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 или посмотрите, как автор реализует это