ViewPager 指示线样式答案

【问题标题】：ViewPager indicator line styleViewPager 指示线样式
【发布时间】：2023-03-19 22:08:01
【问题描述】：

我正在向我的应用添加一个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 没有显示，所以我只能看到粉红色像向右移动一样/left 当我滑动图片时，但没有默认的灰线。

【问题讨论】：

标签： android xml android-viewpager android-tablayout

【解决方案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>

【讨论】：