Contenidos
Densidad de píxeles
El número de píxeles que encajan en una pulgada se refiere a la “densidad de píxeles”. Las pantallas de alta densidad tienen más píxeles por pulgada que los de baja densidad. Como resultado, los elementos de la UI (botones, tarjetas, etc) aparecen más grandes físicamente en pantallas de baja densidad y, más pequeños en las de alta densidad.
DPI, o la resolución de pantalla, se refiere al número de píxeles que hay en una pantalla en particular.
dpi = anchura de la pantalla (o altura) en píxeles/ancho de la pantalla (o altura) en pulgadas.
Densidad independiente de píxeles (dp)
La independencia de densidad se refiere a la muestra uniforme de los elementos de la UI en pantallas con diferentes densidades.
La densidad independiente de píxeles (dpis) es una unidad flexible que escala uniformemente en todas las dimensiones de cualquier pantalla. Cuando desarrolles una aplicación en Android, utiliza dp para mostrar elementos de este modo en pantallas de diferentes densidades.
Un dp es igual a un píxel físico en una pantalla de 160 dpi. Para calcular los dp:
dp = (anchura en píxeles * 160) / dpi
Cuando escribas CSS, utiliza px en cualquier lugar donde hayas utilizado dp o sp, ya que dp se utiliza únicamente cuando desarrolles para Android.
Píxeles escalables (sp)
Cuando desarrolles para Android, los píxeles escalables (sp) tienen la misma función que los dp, pero para las fuentes. El valor por defecto de un sp es el mismo que el valor por defecto de un dp.
La principal diferencia entre un sp y un dp es que el sp mantiene los ajustes de la fuente del usuario. Los usuarios que tienen los ajustes personalizados para tener los textos más grandes en accesibilidad verán el tamaño de la fuente relacionado con el tamaño de los textos en las preferencias.
Diseñar Layouts con dp
Cuando diseñes layouts para cualquier pantalla, puedes calcular las medidas de un elemento en dp:
dp = (anchura en píxeles * 160)/dpi
Por ejemplo, un icono de 32 x 32 px en una pantalla de 32′ dpi es igual a 16 x 16 dp.
Puedes ver más información sobre Unidades y Medidas en la página oficial de Google en inglés pulsando aquí.