如何在安卓设备上适应标签页宽度屏幕

Question

我使用安卓支持库实现了选项卡布局，并且它的效果如下：

在这里，选项卡的宽度不适应屏幕大小，我的布局为：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <android.support.design.widget.TabLayout
        android:id="@+id/sliding_tabs"

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="scrollable" />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1"
        android:background="@android:color/white" />

</LinearLayout>

- azhar

---

我认为它们是自动工作的，否则必须使用较大字体样式为它们创建自定义视图，这可能有所帮助，但不确定。 - Androider

Answer 1

尝试在你的TabLayout上调用那些方法：

tabLayout.setTabMode(TabLayout.MODE_FIXED);
tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);

- Bartek Lipinski

Answer 2

一个“简单”的答案就是在TabLayout的xml中添加app：tabMaxWidth =“0dp”：

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

- Ashraf Amin

Answer 3

改变这一行

 app:tabMode="scrollable"
 

到

 app:tabMode="fixed"

并添加

app:tabGravity="fill"
app:tabMaxWidth="0dp"

你的最终 TabLayout 将是：

 <android.support.design.widget.TabLayout
    android:id="@+id/sliding_tabs"

    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="scrollable"
    app:tabGravity="fill"
    app:tabMaxWidth="0dp" />

- Brian Mutiso

Answer 4

我想这是实现你想要的最简单的方法。

public class CustomTabLayout extends TabLayout {
    public CustomTabLayout(Context context) {
        super(context);
    }

    public CustomTabLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        try {
            if (getTabCount() == 0)
                return;
            Field field = TabLayout.class.getDeclaredField("mTabMinWidth");
            field.setAccessible(true);
            field.set(this, (int) (getMeasuredWidth() / (float) getTabCount()));
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

- Ashutosh

Answer 5

尝试将主容器中子元素的重力设置为居中。这样理想情况下应该将内容移动到屏幕中央。

- JoxTraex

---

实际上，我想使选项卡适应设备屏幕。 - azhar

尝试在您的TabLayout中调整重力，看看效果如何。 - JoxTraex