android - 当 tabMode 设置为 'scrollable' 时，TabLayout 不填充宽度

Question

我已将 TabLayout(来自支持库 v22.2.1)添加到我的 fragment 中:

<android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        style="@style/MyColorAccentTabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="scrollable"/>

问题是当 Fragment 的方向是横向时(在最初创建 Fragment 之前或之后)，TabLayout 与 Fragment 的宽度不匹配(是的，父级的宽度也设置为 match_parent)。

当屏幕宽度较小时(即不能同时显示所有选项卡):

当屏幕宽度足够大以显示所有选项卡时(请参阅右侧的空白区域):

如果我将 tabMode 更改为固定，则会填充宽度但选项卡太小。有没有合适的解决方案？

Answer 1

androidx 版本:

<androidx.viewpager.widget.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" >
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMaxWidth="0dp"
        app:tabGravity="fill"
        app:tabMode="fixed"
        />
</androidx.viewpager.widget.ViewPager>

***** 下面是旧答案 *****

试试这个，这是一种设置 tabMaxWidth="0dp"、tabGravity="fill" 和 tabMode="fixed" 的解决方法.

 <android.support.v4.view.ViewPager
     android:id="@+id/container"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     app:layout_behavior="@string/appbar_scrolling_view_behavior">
     <android.support.design.widget.TabLayout
         android:id="@+id/tabs"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         app:tabMaxWidth="0dp"
         app:tabGravity="fill"
         app:tabMode="fixed"/>
</android.support.v4.view.ViewPager>

10 英寸平板电脑上的屏幕截图: