TabLayout在平板和手機中呈現效果不一致，解決方案

現象：使用TabLayout時，在手機和平板中的效果不一致，tab中的文字沒有平分顯示。

手機中代碼以下：

<android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/mTabLayout"
    app:tabTextColor="@color/color_FFFFFFFF"
    app:tabSelectedTextColor="@color/color_FFFFFFFF"
    app:tabTextAppearance="@style/MyTabLayoutTextAppearance"
    app:tabMode="fixed"
    app:tabGravity="fill"
    ></android.support.design.widget.TabLayout>

 

平板中的代碼以下：

<android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/mTabLayout"
    app:tabTextColor="@color/color_FFFFFFFF"
    app:tabSelectedTextColor="@color/color_FFFFFFFF"
    app:tabTextAppearance="@style/MyTabLayoutTextAppearance"
    app:tabMaxWidth="0dp"
    app:tabMode="fixed"
    app:tabGravity="fill"
    ></android.support.design.widget.TabLayout>

效果圖：

區別：

app:tabMaxWidth="0dp"

app:tabMode="fixed" app:tabGravity="fill"

這三個必須寫