8

我正在使用来自 Android 设计支持库的 TabLayout。如何将 MODE_SCROLLABLE 与 GRAVITY_FILL 一起使用，以使其在所有设备和方向上看起来都一样？

目前，如果我使用 MODE_SCROLLABLE，它在 7" 平板电脑上看起来不错，但在 10" 平板电脑上，选项卡向左对齐。我希望能够对所有尺寸使用 GRAVITY_FILL。

这是我的表格布局：

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="72dp"            
/>

我正在代码中设置模式

 tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
4

4 回答 4

11

根据TabLayout.GRAVITY_FILL 文档：

重力用来尽可能地填充TabLayout。此选项仅在与MODE_FIXED 一起使用时生效。

因此，通过将模式设置为 MODE_SCROLLABLE，选项卡始终从起始边缘对齐 - 平板电脑和手机之间 MODE_SCROLLABLE 的唯一区别是选项卡的最小宽度，由选项卡材料设计规范设置。

请注意，如果要将视图设置为始终可滚动，则可以通过 XML 指定重力和选项卡模式：

<android.support.design.widget.TabLayout
  android:id="@+id/tab_layout"
  android:layout_width="match_parent"
  android:layout_height="72dp"
  app:tabMode="scrollable"
/>
于 2015-07-08T23:10:55.993 回答
5 
//to get phones width in dp
int w= (int)((Resources.getSystem().getDisplayMetrics().widthPixels)/Resources.getSystem().getDisplayMetrics().density);
//To check screen width is greater than approx total no of tabswidth 
//I have calculated tabswidth by setting mode scrollable in layout and trying in defferent phones i got space left in 384dp width phone and no space in 360dp width phone so i took 370
        if(w>370){
            tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
            tabLayout.setTabMode(TabLayout.MODE_FIXED);
        }
    else
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
于 2015-08-27T15:36:21.167 回答
3

我使用了与 Jayesh 非常相似的解决方案，但我的解决方案使用了选项卡的最小宽度，并基于此计算要使用的模式。这样，您只需要知道标签可接受的最小尺寸是多少。如果它们都适合有多余的空间，它会将它们伸展以填满所有空间，如果太多，它将使它们成为最小宽度并切换到可滚动。

 DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
        float dpWidth = displayMetrics.widthPixels / displayMetrics.density;
        //For some reason, setting minWidth in xml and then accessing it here doesn't work, returns 0
        int minWidth = 80;
        tabLayout.setMinimumWidth(minWidth);

        //If there are less tabs than needed to necessitate scrolling, set to fixed/fill
        if(tabLayout.getTabCount() < dpWidth/minWidth){
            tabLayout.setTabMode(TabLayout.MODE_FIXED);
            tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
        }else{
            //Otherwise, set to scrollable
            tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);

        }

在xml中，Tablayout只有这些属性

<android.support.design.widget.TabLayout
    android:id="@+id/sliding_tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMaxWidth="0dp"
    />
于 2016-05-14T02:23:10.770 回答
0

我遇到了同样的问题。

在我看来，没有简单的方法可以解决这个问题。在 FIX_MODE 中，tablayout 中的所有选项卡基于最大项具有相同的宽度。

而在 SCROLL_MODE 中，所有选项卡都有自己的宽度。

所以解决方案变得有点复杂。

我想了两个解决方案，第一个解决方案：给每个选项卡项目的文本一些空白空间，以使所有项目具有相同的宽度并同时填充屏幕。

另一种解决方案是在tablayout中使用customview，正如本文所说，然后您可以手动设置项目宽度。

于 2015-07-17T09:02:20.633 回答