Inflated tabs in tab layout do not match parent in android

Question

I went through them but it doesn't seem to work

works with

android.support.design.widget.TabLayout

you must configure custom views on each child tab as the parent match for the size of the child

• pragmatically set the size

      View v = LayoutInflater.from(this).inflate(R.layout.layout_two, null);
      v.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
      tabLayout.getTabAt(0).setCustomView(v);
  

this works as a parent because there is no background, but after adding a problem with viewing the swelling appears

 tabLayout.getTabAt(1).setText("About").setIcon(R.drawable.drop_complete);

• although about tabIndicator setting its height to app:tabIndicatorHeight="0dp"or adding android:tabStripEnabled="false"does not help.

here is an image with borders that clearly displays a small gap, such as padding(the blue bar is my TabLayout with two tabs)

left one overstated right normal .setIcon

any help for a bloated parent with one match without spaces?

Here is my code

XML

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/main_layout"
    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"
    tools:context=".MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="30dp">


        //------- INSIDE THIS I HAVE A TAB
        <android.support.v7.widget.Toolbar
            android:background="@drawable/capture"
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:minHeight="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:elevation="0dp"
            app:layout_scrollFlags="scroll|enterAlways"
            />


        //------ HERE comes THE TAB  That I DEAL 
        <android.support.design.widget.TabLayout
            android:tabStripEnabled="false"
            app:tabIndicatorHeight="0dp"
            android:id="@+id/tab_layout"
            android:scrollbars="none"
            android:layout_below="@+id/toolbar"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            app:tabTextColor="#d3d3d3"
            android:minHeight="?attr/actionBarSize"
            android:orientation="vertical" >

        </android.support.design.widget.TabLayout>


    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:background="#467"
        android:id="@+id/viewpager"
        android:layout_below="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />

</android.support.design.widget.CoordinatorLayout>

Myclass

public class LayoutExampleActivity extends AppCompatActivity {
    private TabLayout tabLayout;


    private ViewPager viewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_layout_example);

        tabLayout = (TabLayout) findViewById(R.id.tab_layout);


        viewPager = (ViewPager) findViewById(R.id.viewpager);
        setupViewPagerAdaptor(viewPager);

        tabLayout.setupWithViewPager(viewPager);
        setTabs();


    }

    private void setupViewPagerAdaptor(ViewPager viewPager) {
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        adapter.addFragment(new FragmentOne(), "First");
        adapter.addFragment(new GalleryFragment(), "Second");
//        adapter.addFragment(new FragmentOne(), "Third");
        viewPager.setAdapter(adapter);
    }

    class ViewPagerAdapter extends FragmentPagerAdapter {
        private final List<Fragment> mFragmentList = new ArrayList<>();
        private final List<String> mFragmentTitleList = new ArrayList<>();

        public ViewPagerAdapter(FragmentManager manager) {
            super(manager);
        }

        @Override
        public Fragment getItem(int position) {
            return mFragmentList.get(position);
        }

        @Override
        public int getCount() {
            return mFragmentList.size();
        }

        public void addFragment(Fragment fragment, String title) {
            mFragmentList.add(fragment);
            mFragmentTitleList.add(title);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return mFragmentTitleList.get(position);
        }
    }

    public void setTabs() {

        tabLayout.getTabAt(0).setCustomView(R.layout.layout_one);

        tabLayout.getTabAt(1).setText("About").setIcon(R.drawable.drop_complete);

    }

}

Answer 1

tabPaddingStart tabPaddingEnd. :

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

.
.