java - TabLayout 中点之间的间距

Question

我有以下带有 TabLayout 和 2 个选项卡的 fragment 。每个选项卡都填充一个点来代表 viewpager 内的页面。

如何设置内部有点的 2 个选项卡之间的空间/填充/边距？

我尝试了几种方法，但没有任何效果。

感谢您的帮助:)

fragment.xml:

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >

       <androidx.viewpager.widget.ViewPager
           android:layout_height="match_parent"
           android:layout_width="match_parent"
           android:id="@+id/pager"
         />

       <com.google.android.material.tabs.TabLayout
           android:id="@+id/tabDots"
           android:layout_alignParentBottom="true"
           android:layout_width="match_parent"
           android:layout_height="7.5dp"
           app:tabBackground="@drawable/dot_selector"
           app:tabGravity="center"
           app:tabIndicatorHeight="0dp"
           android:layout_marginBottom="20dp"
           app:tabMaxWidth="7.5dp"
           />

    </RelativeLayout>

dot_selector.xml:

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/dot_selected"
        android:state_selected="true"/>

    <item android:drawable="@drawable/dot_default" />
</selector>

dot_selected.xml:

    <?xml version="1.0" encoding="utf-8"?>
<shape
    android:innerRadius="0dp"
    android:shape="rectangle"
    android:useLevel="false"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorBlack"/>
    <corners android:radius="1000dp"/>
</shape>

dot_default.xml:

   <?xml version="1.0" encoding="utf-8"?>
<shape
    android:innerRadius="0dp"
    android:shape="rectangle"
    android:useLevel="false"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorGrey"/>
    <corners android:radius="1000dp"/>
</shape>

Answer 1

使用填充，例如:

app:tabPaddingStart="10dp"
app:tabPaddingEnd="10dp"