如何在 TabLayout 中设置固定计数？

Question

我将 TabLayout 与 viewPager 一起使用，而 viewPager 使用 RecyclerView 来作为它扩展 FragmentStatePageAdapter 的片段。

这一切都很好。 但是，我有一个场景，我想在可滚动模式下（当 tabMode 设置为可滚动时）将 tabLayout 的项目数设置为仅 (7)。

不知何故，当 tabLayout 设置为可滚动时，它只为每个设备设置 5 个项目，但在我的场景中，我希望它调整 7 个项目而不考虑任何设备。

我尝试将项目宽度设为 totalDeviceWidht/7 ，但没有运气，因为它仍然采用相同的宽度。

我还尝试通过编写自定义 tabLayout 来覆盖 onMeasure() 方法。但是，没有运气。

我不确定问题是否出在 pagerTabStrip 上，或者当 tabMode 设置为可滚动时 viewPager 和 tabLayout 如何计算要修复的项目数。

我在过去 3 天一直被这个问题困扰。

这是我的主要 xml 布局..

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"

    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.movie.bms.views.activities.TimeActivity"
    tools:showIn="@layout/activity_time"
    >

    <android.support.design.widget.TabLayout
        android:id="@+id/time_sliding_tab"
        android:layout_width="match_parent"
        android:layout_height="61.8dp"
        android:background="#06acef"
        android:elevation="0dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark"
        app:elevation="@dimen/elevation.small"
        app:tabGravity="center"
        app:tabIndicatorColor="@color/white"
        app:tabMode="scrollable"
        app:tabPaddingEnd="-1dp"
        app:tabPaddingStart="-1dp"
        android:fillViewport="false"
        ></android.support.design.widget.TabLayout>

     <com.utils.customcomponents.CustomViewPager
            android:id="@+id/time_view_pager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:transitionName="@string/event_body_transition">
    </com.utils.customcomponents.CustomViewPager>
</LinearLayout>

任何形式的帮助或建议将不胜感激。

Answer 1

您可以通过在 xml 中的 TabLayout 上设置 app:tabMinWidth 和 app:tabMaxWidth 元素来影响选项卡的实际宽度。

以 Nexus 5 (360dp) 为例：

<android.support.design.widget.TabLayout
        android:id="@+id/time_sliding_tab"
        android:layout_width="match_parent"
        android:layout_height="62dp"
        android:background="#06acef"
        app:tabGravity="center"
        app:tabMaxWidth="50dp"
        app:tabMinWidth="50dp"
        app:tabMode="scrollable" />

但说实话，您需要估计“猜测”您的目标宽度是多少，并为此进行优化。它在实际设备上的外观将取决于其实际宽度。

如果您想让它 100% 适合，您需要：

• 在代码中实例化 TabLayout 并将正确的 app:tabMinWidth 和 tabMaxWidth 值作为 AttributeSet 传递。 （根据屏幕宽度计算）
• 在现有的 TabLayout 实例上使用 reflection 来设置 mRequestedTabMinWidth 和 mRequestedTabMaxWidth 私有字段。 （不推荐）

反射案例如何工作的示例：

import android.content.Context;
import android.support.design.widget.TabLayout;
import android.util.AttributeSet;

import java.lang.reflect.Field;

public class SevenTabLayout extends TabLayout {

    public class SetTabWidthException extends RuntimeException {

    }

    public SevenTabLayout(Context context) {
        super(context);
    }

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

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

    public void initializeTabWidths() {
        int tabwidth = 140; // Screensize divided by 7
        setPrivateField("mRequestedTabMinWidth", tabwidth);
        setPrivateField("mRequestedTabMaxWidth", tabwidth);
    }

    private void setPrivateField(String tabMinWidthFieldName, int value) {
        try {
            Field f = TabLayout.class.getDeclaredField(tabMinWidthFieldName);
            f.setAccessible(true);
            f.setInt(this, value);
        } catch (NoSuchFieldException e) {
            throw new SetTabWidthException();
        } catch (IllegalAccessException e2) {
            throw new SetTabWidthException();
        }
    }
}

现在您可以轻松地为initializeTabWidths() 方法添加单元测试，以便在升级设计支持库后检测该方法何时停止工作。