Dynamischer Text im vertikalen Suchbalken thumb

Question

Gibt es eine Möglichkeit, das Bild unten zu erstellen, in dem der Daumentext basierend auf dem Fortschritt mit dem Suchleisten-Listener aktualisiert wird. Außerdem muss das Bild unten an die Suchleiste angehängt werden, damit es sich auf allen Geräten an derselben Position befindet.

Ich habe versucht, ein TextDrawable zu erstellen und den Daumen darauf setzen, aber wenn nach oben oder unten gescrollt wird es leicht beschnitten.

Auch haben mit dem Erstellen einer benutzerdefinierten vertikalen Suchleiste und Drehen der Suchleiste gespielt, beide haben Probleme in Bezug auf die Suchleiste erfordert die Dimensionen (Breite/Höhe) die gleiche für es richtig aussehen und funktionieren.

Answer 1

Zuerst müssen Sie benutzerdefinierte vertikal verwenden Suchleiste unten Link siehe Custom Vertical Seek bar1Custom Vertical Seek bar2

Als nächstes müssen Sie Benutzerdefinierte Ansicht über Daumen. Sie müssen also etwas Text über das Bild zeichnen. Das Daumenbild ist ein weißes Rechteckbild. Zeichnen Sie Text basierend auf Suchleistenfortschritt. (d. h. 3 Meilen, 5 Meilen etc.) Verwenden Sie die Methode onProgressChanged().

public BitmapDrawable writeOnDrawable(int drawableId, String text){ 

    Bitmap bm = BitmapFactory.decodeResource(getResources(), drawableId).copy(Bitmap.Config.ARGB_8888, true); 

    Paint paint = new Paint(); 
    paint.setStyle(Style.FILL); 
    paint.setColor(Color.BLACK); 
    paint.setTextSize(20); 

    Canvas canvas = new Canvas(bm); 
    canvas.drawText(text, 0, bm.getHeight()/2, paint); 

    return new BitmapDrawable(bm); 
} 

oder

Verwenden TextThumbSeekBar Lib basierend auf Ihrer Anforderung ändern. TextThumbSeekBar