"station"を持つAndroidカスタムseekBar

Question

私はカスタムシークバーを作ろうとしています。 これは私がやろうものです：

、これは私がやって成功したものです：

私の進歩の後ろにこの円を追加する方法は？ここで

は私のコードです：

<SeekBar 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:progressDrawable="@drawable/progress" 
     android:thumb="@drawable/unnamed" 
     android:id="@+id/risk_seek_bar" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" /> 

progress.xml

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

    <item> 
     <shape 
      android:shape="rectangle"> 

      <solid android:color="#00FF0000" /> 
      <padding android:bottom="1dp"/> 
     </shape> 
    </item> 


    <item 
     android:id="@android:id/background" 
     android:drawable="@drawable/background_fill"/> 
    <item android:id="@android:id/progress"> 
     <clip android:drawable="@drawable/progress_fill" /> 
    </item> 

</layer-list> 

背景fill.xml

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

    <gradient 
     android:angle="90" 
     android:centerColor="#FF555555" 
     android:endColor="#FF555555" 
     android:startColor="#FF555555" /> 

    <corners android:radius="10dp" /> 

    <stroke 
     android:width="1dp" 
     android:color="#50999999" /> 
    <stroke 
     android:width="1dp" 
     android:color="#70555555" /> 

</shape> 

progress_fill.xml

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

    <gradient 
     android:angle="90" 
     android:centerColor="#FFFF4400" 
     android:endColor="#FFFF4400" 
     android:startColor="#FFFF4400" /> 



    <corners android:radius="10dp" /> 

    <stroke 
     android:width="1dp" 
     android:color="#50999999" /> 
    <stroke 
     android:width="1dp" 
     android:color="#70555555" /> 

</shape> 

Answer 1

あなたはいない以下のライブラリ

range-slider-view

material-range-bar

range-bar