When tab add dynamic it is not set width to match parent

Question

I added tab dynamically if tab is 4 then it is display well but if tab is 2 or 3 then it is not feet to match parent.

Code

 public void setUpTab(TabLayout tabLayout, String count, String typeId) {

    TabLayout.Tab tab = tabLayout.newTab();

    RelativeLayout relativeLayout = (RelativeLayout)
            LayoutInflater.from(this).inflate(R.layout.custom_tab, tabLayout, false);
    TextView tabTextView = (TextView) relativeLayout.findViewById(R.id.txt_tab);
    tabTextView.setText(count);
    tab.setTag(typeId);
    tab.setCustomView(tabTextView);
    tabLayout.addTab(tab);
}

Xml Code:

 <android.support.design.widget.TabLayout
    android:id="@+id/tabsRoleType"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="@dimen/com_facebook_likeboxcountview_border_radius"
    app:tabBackground="@drawable/tab_rounded_background"
    app:tabGravity="fill"
    app:tabIndicatorHeight="0dp"
    app:tabSelectedTextColor="@color/WhiteColor"
    app:tabTextAppearance="@style/TextAppearance.Design.Tab"
    app:tabTextColor="@color/BlackColor" />

Ganesh Pokale · Answer 1 · 2016-10-17T14:24:29.820

1

Add/Update following lines in XML TabLayout

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

Good practice is app:tabMode="scrollable"

edited Oct 17 '16 at 14:24

answered Oct 17 '16 at 14:20

Ganesh Pokale

1,503
10
23

ya right i try that but when tab is more than 4 it is not visible proper – Mehul Tank Oct 17 '16 at 14:22

score 1 · Accepted Answer · answered Oct 17 '16 at 14:24

1

Add android:tabMaxWidth , android:tabMode and android:tabgravity

Sample XML Code:

 <android.support.design.widget.TabLayout
    android:id="@+id/tab"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:tabIndicatorColor="@color/colorPrimary"
    app:tabIndicatorHeight="3dp"
    app:tabMaxWidth="0dp"
    app:tabGravity="fill"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@color/colorPrimary"
    app:tabTextAppearance="@style/TabLayoutTextStyle"
    app:tabTextColor="@color/textCol" />

answered Oct 17 '16 at 14:24

Ko Vartthan

375
3
21

ya right i try that but when tab is more than 4 it is not visible proper in ui – Mehul Tank Oct 17 '16 at 14:37
See this link may be help you [link](http://stackoverflow.com/questions/31448504/how-to-scroll-tablayout-programatically-android) – Ko Vartthan Oct 17 '16 at 14:45
Ko Vartthan Thanks – Mehul Tank Oct 18 '16 at 05:48
i added fixed mode of tab then tab text is goes to down in second line – Mehul Tank Oct 18 '16 at 10:58

When tab add dynamic it is not set width to match parent

2 Answers2