Come rendere la barra di ricerca segmentata/slider come segue?

Mi chiedevo se qualcuno può fornire un suggerimento o una fonte per ottenere il seguente widget di scorrimento utilizzato in "Circle - Who's Around?" Questa è la prima volta che io abbia mai imbattuto in questo e io non sono sicuro di cosa nome esattamente questo widget .: enter image description here Come rendere la barra di ricerca segmentata/slider come segue?

enter image description here

Stavo pensando di utilizzare sfondo SeekBar personalizzato per fare questo, ma, io sono non sono sicuro di come faccio a capire i pixel esatti che la barra di ricerca raggiungerà del prossimo passo. Dal momento che sarà indipendente dai dispositivi. Nel mio caso ho intenzione di usare le immagini, piuttosto che gli indicatori.

Si prega di non puntare a questo collegamento http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/ perché questo non è quello che voglio ottenere. Sembra che abbiano usato il footer dell'immagine statica per mostrare D, W, K. Ho provato quell'app e non passa nemmeno ai punti esatti o D, W, K. Ho guardato AT & T Controlli Android Slider ma, non sembrano fornire alcuna fonte per questo. Ho trovato alcuni sviluppatori iOS che lo hanno raggiunto ma, in realtà, non capisco il codice C obj per raggiungere quello in Android.

fonte

2013-01-23 Milan

Questo è solo un seekbar con un thumb personalizzato e uno sfondo. È possibile utilizzare un 9patch per lo sfondo in modo che si adatti perfettamente e basta impostarli nei tuoi stili

fonte

2013-01-23 03:53:47 seaplain

non ho mai usato 9patch ma, come faro 'aggiungo (diciamo) A, B, C, D sullo sfondo della SeekBar che segue esattamente A, B, C, D. So di usare i pollici personalizzati, ma sto cercando di ottenere punti precisi nei passaggi della barra di ricerca. – Milan

Ah capisco, non sono sicuro di come farlo. Se non riesci a trovare una risposta migliore, proverei a creare un altro layout sotto con le linee ecc. In esso che è distanziato usando la ponderazione.La mia ipotesi è che i punti saranno posizionati in modo uniforme lungo la barra di ricerca in base alla sua larghezza e quindi dovresti essere in grado di allineare i due. In nessun modo una soluzione elegante ma potrebbe funzionare a seconda di ciò che vuoi – seaplain

Sono sicuro che qualcuno potrebbe ancora essere in cerca di questo e non voglio che perdano il loro tempo cercando di capirlo. Ecco un link per il git che può fare segmentato barra di ricerca/slider con intestazioni di testo in modo che non sarà necessario aggiungere un'immagine statica e preoccuparsi di allungarlo in diverse dimensioni dello schermo ..

Questo è quello che sono stato in grado di ottenere la modifica della fonte e delle proprietà. Ho modificato i valori di ictus, gli anelli dipinti, il padding modificato, la dimensione del testo per rendere il testo visibile e chiaro e ho modificato il codice per ottenere l'interfaccia utente di seguito. enter image description here

fonte

2013-01-25 07:31:19 Milan

Non riuscivo a farlo funzionare. Pls. Aiuto. Grazie. @Milanix – KarenAnne

Tale repository GitHub non ha alcun esempio. Sarebbe davvero utile se potessi aggiungere un esempio di codice che mostra come sei riuscito a farlo funzionare :) –

Hey Fornisci il tuo codice anche su GitHub. Sarà così gentile da parte tua. Grazie in anticipo :) – Munazza

seguente risposta @Milanix utilizzando la libreria a https://github.com/karabaralex/android-comboseekbar qui si tratta di un esempio di codice minima che ha funzionato per me:

<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" 
     />

Poi nell'attività

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

Questo creerà un nero barra di ricerca segmentata utilizzando i drawable predefiniti. Se è necessario aggiungere alcune personalizzazioni, dare un'occhiata a ComboSeekBar.onDraw(), CustomDrawable.draw() e CustomThumbDrawable.draw().

Questo progetto è quasi finito ma rimane un solido punto di partenza.

fonte

2014-03-26 00:41:03

quando ho aggiunto la libreria nel mio progetto e provato, mi dà questo "errore: errore di analisi XML: prefisso non associato "nel file XML in questa riga RonEskinder

Link scaduto si prega di aggiornare la risposta –

@Giulio grazie per il tuo post, ho lo stesso problema di Ron Eskinder. L'ho risolto rimuovendo: "custom: color", "custom: textsize" e "custom: multiline" nel file xml. poi in Java ho messo questo:

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

Spero che questo vi aiuterà

fonte

2015-01-01 15:30:22 Lajnior

Come rendere la barra di ricerca segmentata/slider come segue?

risposta

Problemi correlati