Wie macht man einen segmentierten Suchbalken / Schieberegler?

9

Ich habe mich gefragt, ob irgendjemand einen Hinweis oder eine Quelle angeben kann, um das folgende Slider-Widget zu erreichen, das in "Circle - Who's Around?" Dies ist das erste Mal, dass ich darauf gestoßen bin und ich bin mir nicht sicher, was ich genau dieses Widget nennen soll .:

Ich habe darüber nachgedacht, einen benutzerdefinierten Suchleisten-Hintergrund zu verwenden, aber 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 zeigen Sie nicht auf diesen Link Ссылка , 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 & amp; T Android Slider Controls angeschaut, 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.

    
Milan 23.01.2013, 03:49
quelle

4 Antworten

10

Ich bin mir sicher, dass jemand immer noch nach dem suchen wird und ich will nicht, dass sie ihre Zeit damit verschwenden, es herauszufinden. Hier ist ein Link zum Git, der segmentierte Suchleiste / Schieberegler mit Textheadern erstellen kann, so dass Sie nicht hinzufügen müssen statisches Bild und Sorgen darüber, es in verschiedenen Bildschirmgrößen gestreckt zu bekommen.

Das konnte ich erreichen, indem ich die Quelle und die Eigenschaften ändere. 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.

    
Milan 25.01.2013 07:31
quelle
2

Folgt @Milanix Antwort mit der Bibliothek bei Ссылка hier ist es ein minimaler Beispielcode, der für mich funktioniert hat:

%Vor%

Dann in der Aktivität

%Vor%

Dies erstellt eine schwarze segmentierte Suchleiste unter Verwendung von Standard-Drawables. Wenn Sie Anpassungen vornehmen müssen, schauen Sie sich ComboSeekBar.onDraw() , CustomDrawable.draw() und CustomThumbDrawable.draw() an.

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

    
Giulio Prina Ricotti 26.03.2014 00:41
quelle
1

Dies ist nur ein seekbar mit einem benutzerdefinierten thumb und Hintergrund. Sie können einen 9patch für den Hintergrund verwenden, damit er gut gefüllt wird und Sie ihn einfach in Ihren Stilen setzen.

    
seaplain 23.01.2013 03:53
quelle
0

@Giulio danke für deinen Beitrag, ich habe das selbe Problem wie Ron Eskinder.  Ich habe es behoben, indem ich entfernt: "custom: color", "custom: textsize" und "custom: multiline" in der XML-Datei. dann in Java stelle ich das:

%Vor%

Hoffe, das wird helfen

    
Lajnior 01.01.2015 15:30
quelle

Tags und Links