Android view pager with tab layout

Question

i have implemented viewpager for image slider with tablayouts as indicator but it seems that i can't make any padding between the dots ,this the layout for pager

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="220dp"
    android:layout_below="@id/PlacesPageBanner">

    <android.support.v4.view.ViewPager
        android:id="@+id/placesPager"
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:layout_margin="10dp" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabDots"
        android:layout_width="match_parent"
        android:layout_height="7dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        app:tabBackground="@drawable/tab_selector"
        app:tabIndicatorHeight="0dp"
        app:tabMaxWidth="7dp" />

</RelativeLayout>

code for layout containing the dots(tab_selector)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/tab_indicator_selected"
    android:state_selected="true"/>

<item android:drawable="@drawable/tab_indicator_default"/>

Answer 1

I think the issue is in your @drawable/tab_indicator_selected and @drawable/tab_indicator_default . Providing the xml code for those would be helpful to find your issue.

Here's how I did it:

Tab indicator selected

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="8dp"
            android:useLevel="false">
            <solid android:color="@color/colorAccent"/>
        </shape>
    </item>
</layer-list>

Tab indicator default

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="5dp"
            android:useLevel="false">
            <solid android:color="@android:color/darker_gray"/>
        </shape>
    </item>