tablayoutのタブ内に画像とテキストを含む高さと余白をそれぞれ設定

Question

私はviewPager内のviewPagerを使用していました。画像とテキストを各タブに設定したいと思います。 私はこのようなことをしたい - Mock up design

これまでのところ、タブ&の余白に画像を追加しました。しかし、タブ間のマージンがなぜ機能していないのか分かりません。

<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" /> 

この結果 - - Result image

Answer 1

チェックアウトここhttps://stackoverflow.com/a/36552313/6580534答えはここに私のXMLコードです。うまくいけば、これはあなたが探しているものです。