如何在Tab布局中设置选项卡宽度？

Question

我正在尝试创建一个具有两个选项卡的 标签布局。当我在小型移动设备上运行应用程序时，标签布局 看起来很好，但是当我在 平板电脑 上运行相同的应用程序时，它显示为这样。

在平板电脑上看起来像这样：

我希望每个选项卡都占据整个空间，两端没有任何间隙。我已经像这样创建了 标签布局...

private void drawTabLayout() {
    tabLayout = (TabLayout) findViewById(R.id.tabs);
    tabLayout.addTab(tabLayout.newTab().setText("Imprint") );
    tabLayout.addTab(tabLayout.newTab().setText("Legal"));
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
    tabLayout.setTabMode(TabLayout.MODE_FIXED);
    tabLayout.setSelectedTabIndicatorHeight(10);
    tabLayout.setBackgroundColor(Color.WHITE);
}

我在许多网站上搜索，但找不到正确的答案。

- user5912784

---

据我所知，要么你可以平均分享，要么就是压缩。否则你需要提供自定义布局。尝试覆盖onMeasure方法，设置自定义视图（你的Tab视图）。 - codebased

将xml文件中的“fillParent”属性添加您选项卡的宽度。 - HassanUsman

<android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMaxWidth="0dp" app:tabGravity="fill" app:tabMode="fixed" /> - codebased

非常感谢您，它在@codebased上运行良好。 - user5912784

别担心，我几个月前在平板电脑上遇到了这个问题。 - codebased

Answer 1

将此代码添加到您的tab_layout.xml中

<android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabMaxWidth="0dp"
            app:tabGravity="fill"
            app:tabMode="fixed" />

希望它对您有用...

- HassanUsman

Answer 2

您可以创建一个选项卡布局，其中每个选项卡都有自定义视图，并将该选项卡添加到选项卡布局中，大小由您选择。

View customView = LayoutInflater.from(getContext()).inflate(R.layout.tab_text, null); 

addTab(newTab().setCustomView(customView))

- Rohit

---

它不会影响选项卡布局项，只是更改视图在视图翻页器中。 - Mahdi Moqadasi