2
<android.support.design.widget.TabLayout
    android:layout_width="wrap_content"
    android:elevation="40dp"
    android:background="@drawable/tab_baground"
    app:tabBackground="@drawable/tab_selector"
    app:tabSelectedTextColor="#FFF"
    android:clipToPadding="false"
    android:layout_gravity="center"
    app:tabIndicatorHeight="0dp"
    app:tabPaddingStart="20dp"
    app:tabPaddingEnd="20dp"
    android:stateListAnimator="@null"
    android:layout_height="wrap_content">
    <android.support.design.widget.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:elevation="50dp"
        android:outlineProvider="bounds"
        android:stateListAnimator="@null"
        android:text="Item 1"/>

    <android.support.design.widget.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:stateListAnimator="@null"
        android:outlineProvider="bounds"
        android:elevation="50dp"
        android:text="Item 2"/>

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

I get the following visual effect on using the above code.

enter image description here

But I need some shadow for the each item used in tab layout. I tried using elevation in tab item but it's not working.

Bincy Baby
  • 3,941
  • 5
  • 36
  • 62

0 Answers0