title: ViewPager indicator line style
body: <p>I am adding a <code>ViewPager</code> to my app, together with an picture indicator.</p>
  
  <p>I want the shape of the indicator to be a thin line instead of the usual dots.</p>
  
  <p>For that, I have taken a reference from this answer <a href="https://stackoverflow.com/questions/38459309/how-do-you-create-an-android-view-pager-with-a-dots-indicator">here</a>.</p>
  
  <p>I have tried to modify the XML files given, like this:</p>
  
  <p><strong>default_dot.xml ---> default_line.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item&gt;
          &lt;shape
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:shape="line"&gt;
  
              &lt;solid android:color="@android:color/darker_gray"/&gt;
  
              &lt;corners
                  android:bottomRightRadius="7dp"
                  android:bottomLeftRadius="7dp"
                  android:topLeftRadius="7dp"
                  android:topRightRadius="7dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p><strong>selected_dot.xml -----> selected_line.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item&gt;
          &lt;shape
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:shape="line"&gt;
  
  
              &lt;solid android:color="@color/colorAccent"/&gt;
  
              &lt;corners
                  android:bottomRightRadius="7dp"
                  android:bottomLeftRadius="7dp"
                  android:topLeftRadius="7dp"
                  android:topRightRadius="7dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>And the file <strong>tab_selector.xml</strong> remains the same, just change the name of the corresponding xml files.</p>
  
  <p>So, well, the result of all this, is that, the <code>selected_line.xml</code> (the pink one) is showed, however, the <code>default_line.xml</code> is not showed, so I can just see the pink like moving to the right/left as I swipe the pictures, but no default grey lines.</p>