2011-10-03 9 views
6

Quiero implementar un componente similar a un control deslizante como el que está en la parte inferior de esta captura de pantalla tomada de Roambi. Para aquellos que no han usado Roambi, este control deslizante tiene doble rango, es decir, puede definir los rangos de las barras azules en los dos extremos. Y luego, para indicar qué región de datos le interesa, mueve el área gris entre estas barras azules hacia la izquierda/derecha.Componente deslizable de doble rango y móvil en iOS

enter image description here

Para implementar esto, dos cosas vienen a la mente:

  1. La izquierda y la derecha barras azules son UIViews. Manejo eventos táctiles en estas vistas para definir el rango. El área media entre estas dos barras es también una UIView. Manejo eventos táctiles en esta vista para moverlos hacia la izquierda/derecha para definir la región de datos.

  2. Puedo implementar un UISlider de doble rango para obtener la funcionalidad de las barras azules. (Ya aprendí cómo hacer esto). Pero no sé cómo mover el cuerpo del control deslizante para definir el rango de datos. es posible?

Además, ¿podría haber otra forma de implementar esto?

+0

yo evitaría el uso de UISlider y simplemente hacer un control personalizado. –

Respuesta

7

Es posible encontrar estos projets interesante:

+1

Sí exactamente, implementé mi propio control inspirándome en el iosrangeslider. Aceptaré tu respuesta para que otros hagan la misma pregunta. Gracias. – aslisabanci

+3

+ https://github.com/muZZkat/NMRangeSlider - inspirado en iosrangeslider – mixel

+0

@mixel gracias a un millón. Esa diapositiva en particular es con mucho la más completa disponible –

Cuestiones relacionadas