Developing PhoneGap para Android - Práctica recomendada para diferentes tamaños de pantalla/densidad de píxeles

Question

Recientemente completé el desarrollo de una aplicación de iPhone en phonegap y ahora estamos completando la versión de Android de la aplicación y esperaba poder recurrir a la comunidad SO para obtener algunas respuestas, en la práctica recomendada, para que su aplicación mire directamente en todos los dispositivos. Mi enfoque iba a ser usar sencha.io para todas las imágenes y usar el diseño flexible basado en em/percentage en toda la aplicación para que se escalara en función de la pantalla disponible. ¿Es justo este enfoque? ¿Alguien tiene recomendaciones para el flujo de trabajo o la implementación?

gracias de antemano,

JN

Answer 1

Para que su aplicación para buscar el mismo en todos los dispositivos, utiliza HTML 5 y CSS (que ya está utilizando con PhoneGap, ¿verdad?)

Debe decidir si desea que su aplicación de Android se parezca a su aplicación de iPhone, o si desea que se vea de manera diferente en una aplicación de Android, o si desea que se vea como su aplicación, independientemente de la plataforma.

Independientemente de la ruta que tome, la clave para utilizar HTML y CSS bien escritos y bien formados. Cuando digo bien escrito, me refiero a no tener ningún diseño o estilo dependiendo de HTML y hacer todo el diseño y el estilo con CSS.

Desde mi experiencia personal, estás en el camino correcto con porcentaje/em.

En cuanto a sencha.io, nunca he oído hablar de eso. Pero personalmente no veo qué hace eso que no puedas hacer solo con CSS y HTML5.

¡Asegúrese de probar en tantos dispositivos diferentes como pueda!

Como nota al margen, recomendaría no utilizar muchas imágenes para ayudar a los usuarios a reducir los tiempos de carga y el uso de datos.