帶圓圈指示器的水平進度條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

添加搖籃依賴性：

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"/> 

你可以在你themes.xml文件

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

和styles.xml文件中定義定義silder這種方式

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

輸出：

希望這會幫助你。快樂編碼..