hinzufügen - Erstellen einer benutzerdefinierten Statusleiste

Question

Ich versuche, eine benutzerdefinierte Statusanzeige zu erstellen, die wie folgt aussieht:

Ich schaffe das Layout zu erstellen, aber ich don‘ Ich weiß, wie man diesen Kreis an die aktuelle Position des progressBar-Fortschritts anlegt. Weiß jemand, wie man das erreicht?

Mein xml Layout sieht wie folgt aus:

<!-- Define the background properties like color etc --> 
<item android:id="@android:id/background"> 
    <shape> 
     <solid android:color="#ffffff" /> 
     <corners android:radius="1dip" /> 
    </shape> 
</item> 

<!-- Define the progress properties like start color, end color etc --> 
<item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <solid android:color="#42cbf4" 
       android:width="40dp"/> 
     </shape> 
    </clip> 
</item> 

ich auch ein Linearlayout für den transparenten Hintergrund hinzugefügt Ich habe versucht, eine andere ovale Form in den Fortschritt Artikel setzen, oder eine andere Form schaffen für secondProgress, aber nichts hat funktioniert. Im Moment sieht es wie folgt aus:

Answer 1

Ich habe gefunden, was ich gesucht habe. Anstelle der ProgressBar habe ich die SeekBar, die implementiert Daumen ich benötigt. Für die Anpassung verwenden ich das gleiche Layout und für den Daumen habe ich diesen Schnipsel:

thumb.xml:

<?xml version="1.0" encoding="UTF-8"?> 

<gradient 
    android:angle="270" 
    android:endColor="#026b91" 
    android:startColor="#026b91" /> 

<size 
    android:height="30dp" 
    android:width="30dp" /> 

custom_progress_bar.xml:

<!-- Define the background properties like color etc --> 
<item android:id="@android:id/background"> 
    <shape> 
     <solid android:color="#ffffff" /> 
     <corners android:radius="1dip" /> 
    </shape> 
</item> 

<!-- Define the progress properties like start color, end color etc --> 
<item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <solid android:color="#42cbf4" 
       android:width="40dp"/> 
     </shape> 
    </clip> 
</item> 

für diejenigen, die individuell gestaltet werden meiner progressBar hinzufügen, habe ich diesen Code:

<SeekBar 
    android:id="@+id/seekBar" 
    android:thumb="@drawable/thumb" 
    android:progressDrawable="@drawable/custom_progress_bar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" /> 

Weitere Informationen ich diesen Thread verwendet Custom seekbar (thumb size, color and background)

Answer 2

Diese Art von ProgressBar„Suchleiste“ genannt wird, und es gibt viele Implementierungen davon online. Vielleicht könnten Sie nach The Android Arsenal suchen, indem Sie "seek" in der Suche eingeben. Übrigens, ich habe eine einfache, aber schöne Seite gefunden. Sie können es finden here.