-
Cómo diseñar Web Apps para Android que se adapten a diferentes tamaños de pantalla
-
Con una sola línea de código, puede hacer que su aplicación Web adaptarse a cualquier tamaño de pantalla en los dispositivos Android. Esto incluye los distintos modelos de teléfonos inteligentes Android, así como tabletas de Android. No hay necesidad de conocer la especificación exacta tamaño de la pantalla para cada modelo de Android cuando se utiliza variable de la ventana gráfica del HTML. Además, utilizar algunos principios de diseño para ofrecer una interfaz gráfica fácil de usar que es fácil de navegar y usar.Instrucciones
Pantalla de Ajuste de tamaño automático
1 Abra el archivo de código fuente de la aplicación Web en un programa editor de texto.
2 Ir a la parte superior del documento de origen, busque la sección "<head>" e introduzca el siguiente código debajo de la etiqueta "<title>" o agrupados con otros "> <meta" etiquetas:
<Meta name = "viewport" content = "width = dispositivo de ancho, el usuario escalable = no" />
3 Guarde el archivo en el editor de texto, subirlo a su servidor de alojamiento y visitar la dirección del sitio web en su dispositivo Android.
Criterios de diseño
4 Crear iconos para su aplicación Web que no son demasiado pequeña para la pantalla grande y no demasiado grande para la pantalla más pequeña. Usted debe encontrar un medio donde la igualdad de iconos y otros gráficos se ven presentables en cada tamaño de la pantalla.
5 Usar iconos gráficos de alta definición y que tienen un total de 300 puntos por pulgada o mayor valor. Gráficos de alta definición son limpias y nítidas en pantallas más grandes y no pierden su calidad cuando reducido para que quepa en una pantalla más pequeña.
6 Ajuste el tamaño de la fuente para el texto por lo que es legible en pantallas pequeñas y grandes. Una fuente de 12 puntos para la mayoría de los tipos de fuentes se puede leer en la mayoría de las pantallas de los teléfonos móviles. Sin embargo, es posible que tenga que ajustar este valor hacia arriba o hacia abajo ligeramente basado en el tipo de letra que utiliza en su aplicación web.
7 Crear un menú horizontal estacionaria para su aplicación Web. Un menú horizontal con un valor de posicionamiento absoluto mantiene el menú fijo en su lugar, sin importar si el usuario se desplaza hacia arriba o hacia abajo en la página. La ubicación ideal para un menú horizontal se encuentra en la parte superior o inferior.
