AndroidのTabLayoutで各タブのlayout_width="match_parent"が効かない

Question

▼質問
画像のようにタブ間の隙間を埋めたいです。
以下tab_pager_test1.xmlのRelativeLayoutのandroid:layout_width="match_parent"により、
隙間が埋まると思ったのですが、埋まらないようです。
解決策を教えていただけないでしょうか。

以下ソースです。

▼tab_pager_test1.xml(各タブのレイアウト)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FF0000FF">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_margin="2dp"
        android:background="#FFFFFFFF">
        <TextView
            android:id="@+id/tab_pager_text"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textColor="@android:color/black"/>
    </LinearLayout>
</RelativeLayout>

▼TabLayoutのレイアウト(関係ないとは思いますが一応載せておきます)

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="start"
        app:tabIndicatorColor="#00000000" />

▼TabLayoutにtab_pager_test1を設定しているコード(関係ないとは思いますが一応載せておきます)

        // ViewPager設定
        FragmentManager manager = getChildFragmentManager();
        final ViewPager viewPager = (ViewPager) mParentView.findViewById(R.id.viewPager);
        viewPager.setAdapter(adapter);
        // タブの設定
        final TabLayout tabLayout = (TabLayout) mParentView.findViewById(R.id.tab_layout);
        tabLayout.setupWithViewPager(viewPager);
        tabLayout.setTabMode(TabLayout.MODE_FIXED);
        tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
        String[] testTabTexts = new String[]{"タブ1", "タブ2", "タブ3"};
        for (int i = 0; i < adapter.getCount(); i++) {
            TabLayout.Tab tab = tabLayout.getTabAt(i);
            View tabView = inflater.inflate(R.layout.tab_pager_test1, null, false);
            TextView tabText = (TextView)tabView.findViewById(R.id.tab_pager_text);
            tabText.setText(testTabTexts[i]);
            tab.setCustomView(tabView);
        }

◆環境
min sdk 21
target sdk 25

よろしくお願いします。

Answer 1

TabLayoutはデフォルトで各タブにpaddingを設定してしまうので、それを0dpに変更してみてください。

<android.support.design.widget.TabLayout
        ...
        app:tabPaddingStart="0dp"
        app:tabPaddingEnd="0dp"
        />

Comments

[yrema]

おお！素晴らしいです。解決しました。ありがとうございます！