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"

这三个必须写

转载于:https://my.oschina.net/u/1995545/blog/775831