ViewPager指标线条样式

Question

我在我的应用程序中添加了ViewPager以及图片指示器。

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

为此，我从这个答案中引用了here。

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

default_dot.xml ---> default_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>

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="@color/colorAccent"/>

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

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

因此，所有这一切的结果是，selected_line.xml（粉红色的）显示，然而，default_line.xml没有显示，所以我可以看到粉红色像向右/向左移动，因为我刷图片，但没有默认的灰线。

Answer 1

请按以下方式更改selected_line.xml

<item>

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="line">

        <stroke
            android:width="@dimen/activity_horizontal_margin"
            android:color="@color/colorAccent" />
        <size android:height="1dp" />

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

        <corners
            android:bottomLeftRadius="7dp"
            android:bottomRightRadius="7dp"
            android:topLeftRadius="7dp"
            android:topRightRadius="7dp" />

    </shape>

</item>