Is there a way to add vertical line between each tab in TabLayout

Question

The TabLayout is quite userful building a sliding tab for viewpager, except there is no way you can add vertical line between tabs just like TabHost in code or xml as far as I know, so is there other way to do so with ease?

You can try below link for solving your problem. Link : http://stackoverflow.com/questions/32204184/how-to-set-the-divider-between-tabs-in-tablayout-of-design-support-library?lq=1 — KishuDroid, Sep 25 '15 at 07:03

score 55 · Accepted Answer · answered Aug 23 '16 at 01:16

55

TabLayout is actually a horizontal scrollable LinearLayout.

Just use following code to add dividers:

    LinearLayout linearLayout = (LinearLayout)tabLayout.getChildAt(0);
    linearLayout.setShowDividers(LinearLayout.SHOW_DIVIDER_MIDDLE);
    GradientDrawable drawable = new GradientDrawable();
    drawable.setColor(Color.GRAY);
    drawable.setSize(1, 1);
    linearLayout.setDividerPadding(10);
    linearLayout.setDividerDrawable(drawable);

answered Aug 23 '16 at 01:16

kim

1,057
11
11

3

nice solution, better than adding custom views. Thanks! – Tooroop Nov 29 '16 at 08:32
2

better than adding custom views Thank you – Ben.Slama.Jihed Jan 16 '17 at 14:03
This solution works for me, but its also add a divider before the first item even i set show_divider_middle. – Mustafa Sadedil Mar 04 '17 at 13:41
Awesome! Simple solution. – Rodrigo Jardim Jan 23 '20 at 20:51
This isn't true for the newer TabLayout in material package. See: `com.google.android.material.tabs.TabLayout` which is a `HorizontalScrollView` – Christopher Perry Mar 17 '21 at 23:28

score 0 · Answer 2 · answered Sep 25 '15 at 06:59

try this,

You can add manually line in your tab_indicator layout file.

for Horizontal line,

<View
    android:layout_height="1dp"
    android:id="@+id/line"
     android:layout_width="fill_parent"
      android:background="your color" />

and for Vertical line

<View
    android:layout_height="7dp"
    android:id="@+id/line"
     android:layout_width="1dp"
      android:background="your color" />

Is there a way to add vertical line between each tab in TabLayout

2 Answers2