android - TabLayout tabItem tab重力中心不起作用

对于5个以上的标签，它工作正常，但是3个标签看起来不太好时。
这是我的TabLayout XML代码：

 <android.support.design.widget.TabLayout
            android:gravity="center"
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/search_bar"
            android:fillViewport="false"
            app:tabGravity="center"
            app:tabIndicatorColor="@color/ThemeColor"
            app:tabIndicatorHeight="6dp"
            app:tabMode="scrollable"
            android:paddingBottom="2dp"
            android:background="@drawable/bottom_dotted_border"
            app:tabSelectedTextColor="@color/ThemeColor"
            app:tabTextAppearance="@style/TabLayoutTextStyle"
            app:tabTextColor="@color/White" />

problamatic tab
desire tab

最佳答案

只需在选项卡布局中将此app:tabMode="scrollable"更改为app:tabMode="fixed"


  1. app：tabMode =“ fixed：选项卡在选项卡布局中固定（当您的选项卡上的标题标题较长时，它不适合使用）
  
  2. tabMode：可滚动-您可以在标签页标题较长的情况下水平滚动标签页


样例代码

<android.support.design.widget.TabLayout
        android:gravity="center"
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/search_bar"
        android:fillViewport="false"
        app:tabGravity="fill"
        app:tabMode="fixed"
        app:tabIndicatorColor="@color/ThemeColor"
        app:tabIndicatorHeight="6dp"
        android:paddingBottom="2dp"
        android:background="@drawable/bottom_dotted_border"
        app:tabSelectedTextColor="@color/ThemeColor"
        app:tabTextAppearance="@style/TabLayoutTextStyle"
        app:tabTextColor="@color/White" />