Stellen Sie Höhe und Rand jeweils mit Bild und Text innerhalb der Tabs in tablayout ein

Question

(Sorry für mein schlechtes Englisch) Was ich getan habe ist ViewPager innerhalb von ViewPager und ich möchte Bild und Text auf jeder Registerkarte mit Padding setzen. Ich möchte so etwas tun - Mock up design

Aber bis jetzt habe ich nur Bilder auf Tab & Marge hinzugefügt. Aber ich weiß nicht, warum der Rand zwischen den Tabs nicht funktioniert? Hier ist mein xml-Code -

<LinearLayout 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:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
tools:context="com.example.ansh.customizingtab.MainActivity"> 


    <android.support.design.widget.TabLayout 
     android:layout_height="wrap_content" 
     android:layout_width="match_parent" 
     android:id="@+id/tabLayout" 
     app:tabMode="scrollable" 
     app:tabGravity="fill" 
     android:layout_margin="10dp" 
     app:tabPaddingStart="8dp" 
     app:tabPaddingEnd="8dp" 
     app:tabBackground="@drawable/background_tab"> 
    </android.support.design.widget.TabLayout> 


<com.example.ansh.customizingtab.CustomViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@android:color/white" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

Welche hieraus resultierende - Result image

Answer 1

Schauen Sie sich hier die Antwort https://stackoverflow.com/a/36552313/6580534. Hoffentlich ist das, wonach Sie suchen.