Wie segmentierte Suchleiste/Schieberegler aussehen wie folgt?

Question

Ich frage mich, ob jemand einen Hinweis oder eine Quelle angeben kann, um das folgende Schieberegler-Widget zu erreichen, das in "Circle - Who's Around?" Dies ist das erste Mal, dass ich über diese jemals kam, und ich bin nicht sicher, was genau dieses Widget zu nennen .:

I der Verwendung von benutzerdefinierten seekbar Hintergrund dachte, dies zu tun, aber ich bin Ich bin mir nicht sicher, wie ich genau die Pixel ermitteln kann, die die Suchleiste beim nächsten Schritt erreichen wird. Da wird das unabhängig von Geräten sein. In meinem Fall plane ich, Bilder anstelle der Indikatoren zu verwenden.

Bitte nicht auf diesen Link http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/ zeigen, weil dies nicht das ist, was ich erreichen möchte. Sie scheinen statische Fußzeilen verwendet zu haben, um D, W, K zu zeigen. Ich habe diese App ausprobiert und es geht nicht einmal auf die genauen Punkte oder D, W, K. Ich habe AT & T Android Slider Controls betrachtet, aber sie scheinen keine Quelle dafür zu bieten. Ich habe einige iOS-Entwickler gefunden, die das erreichen, aber ich verstehe nicht wirklich obj C-Code, um das in Android zu erreichen.

Answer 1

Dies ist nur ein seekbar mit einem benutzerdefinierten thumb und Hintergrund. Sie könnten ein 9patch für den Hintergrund verwenden, so dass es schön füllt und nur in Ihren Stilen

Answer 2

Ich bin sicher, jemand kann immer noch suchen, und ich will nicht, dass sie ihre Zeit verschwenden versuchen, es herauszufinden. Hier ist eine link an die Git, die segmentierte Suchleiste/Slider mit Text-Header tun können, so dass Sie nicht müssen statisches Bild hinzufügen und sorgen dafür, dass es gestreckt in verschiedenen Bildschirmgrößen.

Dies ist, was ich gewesen bin in der Lage zu erreichen, die Quelle und die Eigenschaften zu ändern. Ich habe Strichwerte geändert, Ringe gemalt, Padding geändert, Textgröße geändert, um Text sichtbar und klar zu machen, und den Code geändert, um die Benutzeroberfläche unten zu erreichen.

Answer 3

@Milanix Antwort mit der Bibliothek bei https://github.com/karabaralex/android-comboseekbar hier Folgenden ist es ein Minimum Beispiel-Code, der für mich gearbeitet:

<com.infteh.comboseekbar.ComboSeekBar 
     android:id="@+id/seekbar" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     custom:color="#000" 
     custom:textSize="12sp" 
     custom:multiline="false" 
     /> 

Dann in der Aktivität

private ComboSeekBar mSeekBar; 
List<String> seekBarStep = Arrays.asList("All","1","5","10","20"); 
mDistanceSeekBar.setAdapter(seekBarStep); 

Dieses eine schwarze schaffen segmentierte Suchleiste mit Standard-Drawables. Wenn Sie einige Anpassung hinzufügen müssen, schauen Sie sich ComboSeekBar.onDraw(), CustomDrawable.draw() und CustomThumbDrawable.draw().

Dieses Projekt ist fast fertig, aber immer noch ein guter Ausgangspunkt.

Answer 4

@Giulio Vielen Dank für Ihren Beitrag, ich habe das gleiche Problem wie Ron Eskinder. Ich habe es behoben, indem Sie entfernen: "custom: color", "custom: textsize" und "custom: multiline" in der XML-Datei. dann in Java ich dies gesagt:

mSeekBar = (ComboSeekBar) findViewById(R.id.seekbar); 
List<String> seekBarStep = Arrays.asList("All","1","5","10","20"); 
mSeekBar.setAdapter(seekBarStep); 

Hope this