1. Inicio
  2. Pregunta y respuesta
  3. JavaScript Mímicos de la IU del iPad (específicamente, UIDatePicker y UIPicker)

JavaScript Mímicos de la IU del iPad (específicamente, UIDatePicker y UIPicker)

2011-04-12 9 views
5

¿Alguien sabe una manera de imitar el UIDatePicker y los controles UIPicker iOS aún más generales en HTML & JavaScript?JavaScript Mímicos de la IU del iPad (específicamente, UIDatePicker y UIPicker)

UIDatePickerUIPicker

¿Alguien sabe de una solución como esta? He visto imitaciones de JavaScript de otros controles de iPhone/iPad, como el UIPopoverController. Realmente me gustaría poder ofrecer esta forma de ingresar fechas (en comparación con soluciones como datepicker de jQuery UI). Parece que sería fácil de usar tanto en la rueda de desplazamiento del mouse como en el iPad. Entonces, ¿algún consejo?

Fuente

2011-04-12 Rudiger

Respuesta

2

Una razón por la que existen estos artilugios extraños es porque escribir en pantallas táctiles es molesto. Probablemente no desee utilizar este tipo de artilugios en el escritorio por la misma razón que a muy pocas personas les gusta dibujar imágenes con sus ratones: el control que obtiene con un mouse no es lo mismo que el control que obtiene con un mouse. pantalla táctil.

Por esa razón, las bibliotecas que han implementado funciones como esta lo hacen específicamente para dispositivos móviles, y no garantizan la compatibilidad con navegadores más antiguos como IE6. Si solo necesita soportar buenos navegadores Webkit, y no le importa usar un marco grande para este propósito, el selector de Sencha Touch funciona bien (see this page for an example). Sencha no ofrece soporte para mouse.

No sé si alguien ha implementado uno fuera de un marco grande, pero no estaría de más mirarlo.

--- --- EDITAR

Una solución que aparece en una pregunta anterior Stackoverflow (Date Picker for iPhone Web Application) fue elegida como la respuesta, pero es sólo para móviles — tal vez sólo para el iPhone. Podrías mirar el código y escribir uno que funcione en el escritorio.

Fuente

2011-04-12 00:53:11 theazureshadow

+1

Sugiero que sea más porque se veía genial y mostró lo que podían hacer con las pantallas táctiles. Configurar un temporizador en mi android (que afortunadamente no usa la metáfora tanto como iphones, pero desafortunadamente lo usa un poco) puede llevar mucho más tiempo que en mi viejo Nokia donde podría simplemente escribir '3' y' 0' en vez que girar al lado opuesto de una rueda de 60 elementos, girar un poco más, retroceder un poco, ahora lentamente, conseguirlo. Algunas aplicaciones ofrecen un teclado numérico para tales cosas, y no puedo decir que encuentre que presionarlo es dos o tres veces más molesto que juguetear con las ruedas. –

+0

@Jon: Es un buen momento, aunque yo personalmente preferiría seleccionar la fecha en vez de escribirla.No tiene que preocuparse por qué formato se espera (orden día/mes) o presionar teclas especiales (separador de fecha). Es una experiencia mucho más controlada. – theazureshadow

+0

Las fechas no son tan malas (rango más corto) aunque en el tamaño del pad me viene a la mente un selector de calendario (para una entrada no ambigua) combinado con un cuadro de texto (para una entrada rápida). En el tamaño del teléfono, es una llamada más cercana. Para elegir los minutos, el alarde de un diseñador se está poniendo por encima de mi conveniencia como usuario. –

1

@theazureshadow tiene un punto que esta es probablemente una mala idea para una experiencia basada en el mouse.

Para cualquiera que desee hacer esto en un navegador de pantalla táctil (teléfono inteligente o tableta, iOS o Android), y de mi investigación, esta es una gran solución: http://demo.mobiscroll.com/. (Se encuentra en this answer)

Si solo orienta iOS (iPad y iPhone), este código tiene una mejor iOS nativas sienten: http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch

Fuente

2012-07-02 15:04:51 Max

Cuestiones relacionadas

 Cuestiones relacionadas