水平进度条与圆形指示器android

Question

我想在进度值的末尾显示圆圈（点）指示符。它是这样的： -

这是我的进度条xml文件： -

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

    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <gradient
                android:angle="270"
                android:centerColor="#EBEBEB"
                android:centerY="0.75"
                android:endColor="#EBEBEB"
                android:startColor="#EBEBEB" />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#EBEBEB"
                    android:centerY="0.75"
                    android:endColor="#EBEBEB"
                    android:startColor="#EBEBEB" />
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#00FFB7"
                    android:centerY="0.75"
                    android:endColor="#00FFB7"
                    android:startColor="#00FFB7" />
            </shape>
        </clip>
    </item>
</layer-list>

目前看起来像这样： -

请帮我添加循环指示灯。感谢名单

Answer 1

添加Gradle依赖项：

dependencies {
   compile 'com.github.rey5137:material:1.2.4'
}

并在xml代码中使用这种方式

 <com.rey.material.widget.Slider
            android:id="@+id/slider_sl_continuous_disable"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="16dp"
            android:enabled="false"
            app:v_styleId="@array/slider"/>

您可以在silder文件中定义themes.xml

 <array name="slider">
        <item>@style/LightSlider</item>
    </array>

并在styles.xml文件中定义这种方式

 <style name="LightSlider" parent="Material.Widget.Slider">
        <item name="sl_primaryColor">@color/colorPrimary</item>
    </style>

输出：

希望这会对你有所帮助。快乐的编码..