<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.
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.