Android ViewPager指示器线条样式

我正在向我的应用程序添加一个

ViewPager

，以及一个图片指示器

我希望指示器的形状是一条细线，而不是通常的点

为此，我引用了这个答案

我尝试修改给定的XML文件，如下所示：

default\u dot.xml--->default\u line.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="line">

            <solid android:color="@android:color/darker_gray"/>

            <corners
                android:bottomRightRadius="7dp"
                android:bottomLeftRadius="7dp"
                android:topLeftRadius="7dp"
                android:topRightRadius="7dp" />
        </shape>
    </item>
</layer-list>

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="line">


            <solid android:color="@color/colorAccent"/>

            <corners
                android:bottomRightRadius="7dp"
                android:bottomLeftRadius="7dp"
                android:topLeftRadius="7dp"
                android:topRightRadius="7dp" />
        </shape>
    </item>
</layer-list>

selected_dot.xml------>selected_line.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="line">

            <solid android:color="@android:color/darker_gray"/>

            <corners
                android:bottomRightRadius="7dp"
                android:bottomLeftRadius="7dp"
                android:topLeftRadius="7dp"
                android:topRightRadius="7dp" />
        </shape>
    </item>
</layer-list>

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="line">


            <solid android:color="@color/colorAccent"/>

            <corners
                android:bottomRightRadius="7dp"
                android:bottomLeftRadius="7dp"
                android:topLeftRadius="7dp"
                android:topRightRadius="7dp" />
        </shape>
    </item>
</layer-list>

并且文件tab_selector.xml保持不变，只需更改相应xml文件的名称即可

---

因此，所有这些的结果是，

选中的_line.xml

（粉红色的那一个）显示出来，但是，

默认的_line.xml

没有显示出来，所以我可以在我滑动图片时看到粉色像向右/向左移动一样，但是没有默认的灰线。

请对你选中的_line.xml进行如下更改

---

请对所选的\u line.xml进行如下更改