2011-10-03 10 views
6

Desidero implementare un componente simile a un cursore simile a quello nella parte inferiore di questa schermata presa da Roambi. Per coloro che non hanno usato Roambi, questo cursore ha una doppia distanza, cioè puoi definire gli intervalli tra le barre blu alle due estremità. E poi per indicare quale area di dati sei interessato, sposta l'area grigia tra queste barre blu a sinistra/destra.Componente di scorrimento a doppia distanza e mobile in iOS

enter image description here

Per attuare questo, due cose mi vengono in mente:

  1. Il sinistro e destro barre blu sono UIViews. Gestisco gli eventi tattili su queste viste per definire l'intervallo. L'area di mezzo tra queste due barre è anche un UIView. Gestisco gli eventi tattili su questa vista per spostarla verso sinistra/destra per definire l'area dati.

  2. Posso implementare un UISlider a doppia distanza per ottenere la funzionalità delle barre blu. (Ho già imparato come farlo.) Ma poi non so come spostare il corpo del cursore per definire l'intervallo di dati. È possibile?

Inoltre, potrebbe esserci un altro modo di implementarlo?

+0

Eviterei utilizzando UISlider e solo fare un controllo personalizzato. –

risposta

7

Si potrebbe trovare questi projets interessante:

+1

Sì, esatto, ho implementato il mio controllo prendendo ispirazione dal iosrangeslider. Accetterò la tua risposta per gli altri che fanno la stessa domanda. Grazie. – aslisabanci

+3

+ https://github.com/muZZkat/NMRangeSlider - ispirato da iosrangeslider – mixel

+0

@mixel grazie mille. Quella particolare diapositiva è di gran lunga la più completa disponibile –

Problemi correlati