android - aconvertir ¿Cuál es la diferencia entre “px”, “dip”, “dp” y “sp”?



15 Answers

Casi todo lo relacionado con esto y cómo obtener el mejor soporte para múltiples pantallas con diferentes tamaños y densidades está muy bien documentado aquí:

Tamaño de pantalla
Tamaño físico real, medido según la diagonal de la pantalla. Para simplificar, Android agrupa todos los tamaños de pantalla reales en cuatro tamaños generalizados: pequeño, normal, grande y extra grande.

Densidad de pantalla
La cantidad de píxeles dentro de un área física de la pantalla; Generalmente referido como dpi (puntos por pulgada). Por ejemplo, una pantalla de densidad "baja" tiene menos píxeles dentro de un área física determinada, en comparación con una pantalla de densidad "normal" o "alta". Para simplificar, Android agrupa todas las densidades de pantalla reales en seis densidades generalizadas: baja, media, alta, extra alta, extra extra alta y extra extra extra alta.

Orientación
La orientación de la pantalla desde el punto de vista del usuario. Esto es horizontal o vertical, lo que significa que la relación de aspecto de la pantalla es ancha o alta, respectivamente. Tenga en cuenta que no solo los diferentes dispositivos operan en diferentes orientaciones de manera predeterminada, sino que la orientación puede cambiar en el tiempo de ejecución cuando el usuario gira el dispositivo.

Resolución
El número total de píxeles físicos en una pantalla. Al agregar soporte para múltiples pantallas, las aplicaciones no funcionan directamente con resolución; las aplicaciones deben ocuparse únicamente del tamaño y la densidad de la pantalla, como lo especifican los grupos de tamaño y densidad generalizados.

Pixel independiente de densidad (dp)
Una unidad de píxeles virtual que debe utilizar al definir el diseño de la interfaz de usuario, para expresar las dimensiones o la posición del diseño de forma independiente de la densidad. El píxel independiente de la densidad es equivalente a un píxel físico en una pantalla de 160 ppp, que es la densidad de referencia asumida por el sistema para una pantalla de densidad "media". En tiempo de ejecución, el sistema maneja de forma transparente cualquier escala de las unidades dp, según sea necesario, en función de la densidad real de la pantalla en uso. La conversión de unidades dp a píxeles de pantalla es simple: px = dp * (dpi / 160) . Por ejemplo, en una pantalla de 240 ppp, 1 dp equivale a 1.5 píxeles físicos. Siempre debe usar unidades dp al definir la interfaz de usuario de su aplicación, para garantizar una visualización adecuada de su interfaz de usuario en pantallas con diferentes densidades.

Si realmente desea desarrollar una aplicación de Android para más de un tipo de dispositivo, debería haber leído el documento de desarrollo de soporte de pantallas al menos una vez. Además, siempre es bueno saber la cantidad real de dispositivos activos que tienen una configuración de pantalla particular.

px to dp android

¿Cuál es la diferencia entre las unidades de medida de Android?

  • px
  • inmersión
  • dp
  • sp



Pixeles px : el punto por escala corresponde a los píxeles reales en la pantalla.

en pulgadas - basado en el tamaño físico de la pantalla.

mm Milímetros - basado en el tamaño físico de la pantalla.

Puntos pt : 1/72 de pulgada según el tamaño físico de la pantalla.

dp Densidad : píxeles independientes: una unidad abstracta que se basa en la densidad física de la pantalla. Estas unidades son relativas a una pantalla de 160 ppp, por lo que un dp es un píxel en una pantalla de 160 ppp. La proporción de dp a píxel cambiará con la densidad de la pantalla, pero no necesariamente en proporción directa. Nota: El compilador acepta tanto dip como dp , aunque dp es más consistente con sp .

sp - Pixeles independientes de escala : esto es como la unidad dp , pero también se escala según la preferencia de tamaño de fuente del usuario. Se recomienda utilizar esta unidad cuando especifique tamaños de fuente, por lo que se ajustarán tanto para la densidad de la pantalla como para las preferencias del usuario.

Tome el ejemplo de dos pantallas que son del mismo tamaño, pero una tiene una densidad de pantalla de 160 ppp (puntos por pulgada, es decir, píxeles por pulgada) y la otra es de 240 ppp.

                          Lower resolution   screen          Higher resolution, same size
Physical Width                      1.5 inches                        1.5 inches
Dots Per Inch (“dpi”)               160                               240
Pixels (=width*dpi)                 240                               360
Density (factor of baseline 160)    1.0                               1.5

Density-independent Pixels          240                               240
(“dip” or “dp” or “dps”)

Scale-independent pixels 
 (“sip” or “sp”)                  Depends on user font size settings    same



dp es dip . Úsalo para todo (margen, relleno, etc.).

Utilice sp para {texto-tamaño}.

Para obtener el mismo tamaño en diferentes densidades de pantalla, Android traduce estas unidades en píxeles en tiempo de ejecución, por lo que no es difícil hacer cálculos matemáticos.

Vea la diferencia entre px , dp y sp en diferentes tamaños de pantalla.

Fuente: Programación de Android: Guía de The Big Nerd Ranch




Definiciones

px o punto es un píxel en la pantalla física.

Los ppp son píxeles por pulgada en la pantalla física y representan la densidad de la pantalla.

Android da nombres de alias a varias densidades

  • ldpi (bajo) ~ 120dpi
  • mdpi (medio) ~ 160dpi
  • hdpi (alto) ~ 240dpi
    • la mayoría de los dispositivos en 2015 están aquí
  • xhdpi (extra-alto) ~ 320dpi
    • Apple iPhone 4/5/6, Nexus 4
  • xxhdpi (extra-extra-alto) ~ 480dpi
    • Nexus 5
  • xxxhdpi (extra-extra-extra-high) ~ 640dpi

dip o dp son píxeles independientes de la densidad , es decir, corresponden a más o menos píxeles dependiendo de la densidad física.

  • 1dp = 1px en mdpi

sp o sip es un píxel independiente de la escala . Se escalan cuando la opción Texto grande está activada en Configuración > Accesibilidad

  • 1sp = 1dp
  • 1sp = 1.2dp con accesibilidad Texto grande

¿Qué usar?

Utilice sp para el tamaño del texto.

Usa dp para todo lo demás.




Básicamente, la única vez que se aplica px es un px, y eso es si quieres exactamente un píxel en la pantalla como en el caso de un divisor:

En> 160 ppp, puede obtener 2-3 píxeles,

En> 120 dpi, se redondea a 0.




¿Dónde usar qué y relación entre px y dp?

Pixel independiente de densidad (dp)

Una unidad de píxeles virtual que debe utilizar al definir el diseño de la interfaz de usuario, para expresar las dimensiones o la posición del diseño de forma independiente de la densidad. Como se describió anteriormente, el píxel independiente de la densidad es equivalente a un píxel físico en una pantalla de 160 ppp, que es la densidad de referencia asumida por el sistema para una pantalla de densidad "media". En tiempo de ejecución, el sistema maneja de forma transparente cualquier escala de las unidades dp, según sea necesario, en función de la densidad real de la pantalla en uso. La conversión de unidades dp a píxeles de pantalla es simple:

px = dp * (dpi / 160).

Por ejemplo, en una pantalla de 240 ppp, 1 dp equivale a 1.5 píxeles físicos. Siempre debe usar unidades dp al definir la interfaz de usuario de su aplicación, para garantizar una visualización adecuada de su interfaz de usuario en pantallas con diferentes densidades.

Comprender píxel a dp y viceversa es muy esencial (especialmente para dar valores dp exactos al equipo creativo)

dp = px * 160 / dpi

MDPI = 160 dpi || Therefore, on MDPI 1 px = 1 dp
For example, if you want to convert 20 pixel to dp, use the above formula,
dp = 20 * 160 / 160 = 20.
So, 20 pixel = 20 dp.

HDPI = 240 dpi - So, on HDPI 1.5 px = 1 dp
XHDPI = 320 dpi - So, on XHDPI 2 px = 1 dp
XXHDPI = 480 dpi - So, on XXHDPI 3 px = 1 dp

For example, let us consider Nexus 4.
If 24 pixels to be converted to dp and if it is a Nexus 4 screen, developers can
convert it to dp easily by the following calculation :
dp = 24 * 160 / 320 = 12 dp
Screen dimension:
768 x 1280 pixel resolution (320 ppi or 320dpi)
Optional (screen size):
 4.7" diagonal
  • Intente obtener todos los valores de píxeles en números pares del equipo creativo. De lo contrario, la pérdida de precisión ocurrirá mientras se multiplica por 0.5.

px

Se explica más arriba. Trate de evitar en los archivos de diseño. Pero hay algunos casos, donde se requiere px. por ejemplo, la línea divisoria ListView. px es mejor aquí para dar una línea de un píxel como divisor para todas las resoluciones de pantalla.

sp

Use sp para tamaños de letra. Entonces solo la fuente dentro de la aplicación cambiará mientras que el tamaño de las fuentes del dispositivo cambia (es decir, Pantalla -> Fuentes en el dispositivo). Si desea mantener una fuente de tamaño estático dentro de la aplicación, puede indicar la dimensión de la fuente en dp. En tal caso, nunca cambiará. Los desarrolladores pueden obtener tal requisito para algunas pantallas específicas, para eso, los desarrolladores pueden usar dp en lugar de sp. En todos los demás casos, se recomienda sp.




Cualquier cosa relacionada con el tamaño del texto y la apariencia debe usar sp o pt . Considerando que, todo lo relacionado con el tamaño de los controles, los diseños, etc. debe ser utilizado con dp .

Puedes usar tanto dp como dip en sus lugares.




sp = escala píxel independiente

dp = dip = densidad píxeles independientes

dpi = puntos por pulgada

Debemos evitar utilizar sp .

Debemos usar dp para soportar múltiples pantallas.

Android soporta diferentes resoluciones de pantalla

  • ldpi (bajo) ~ 120 dpi
  • mdpi (medio) ~ 160 dpi
  • hdpi (alto) ~ 240 dpi
  • xhdpi (extra alto) ~ 320 ppp
  • xxhdpi (extra-extra-alto) ~ 480 dpi
  • xxxhdpi (extra-extra-extra-high) ~ 640 dpi

Un dispositivo de 120 dp ldpi tiene 120 píxeles en un tamaño de 1 pulgada.

Lo mismo para otras densidades ...

Nosotros, como ingenieros de software, deberíamos usar esta fórmula de conversión:

píxel = dp * (densidad / 160)

Por lo tanto, el valor de 1 dpi de 240 ppp tendrá = 1 * (240/160) = 3/2 = 1.5 píxeles.

Y 1 ppp del dispositivo de 480 dpi tendrá = 1 * (480/160) = 3 píxeles.

Con este conocimiento de 1.5 y 3 píxeles, un ingeniero de software puede diseñar diseños para diferentes densidades.

Para comprobar los parámetros de pantalla de cualquier dispositivo:

DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);

Toast.makeText(
    this,
    "4:" + metrics.heightPixels + "," + metrics.density + ","
    + metrics.densityDpi, Toast.LENGTH_LONG).show();



ppp

  • Puntos por pulgadas
  • Midiendo la densidad de píxeles de la pantalla.

px - pixel

  • Para mapear píxeles de la pantalla

pt - puntos

  • Alrededor de 1/72 de pulgada, con respecto al tamaño de la pantalla física.

en pulgadas: con respecto al tamaño físico de la pantalla (1 pulgada = 2.54 cm).

mm-milímetro - con respecto al tamaño físico de la pantalla.

sp - pixel independiente de la escala.

  • Basado en la preferencia de tamaño de fuente del usuario.
  • La fuente debe estar en 'sp'.

chapuzón

  • dip == dp
  • Densidad de píxel independiente.
  • Varía según la densidad de pantalla.
  • En pantalla de 160 dpi, 1 dp = 1 pixel.
  • Utilice dp excepto el tamaño de fuente del texto.

En estándar, se utilizan dp y sp. sp para el tamaño de fuente y dp para todo lo demás.

Fórmula para la conversión de unidades:

px = dp * (dpi / 160);

Density Bucket -> Screen Display => Physical Size        => Pixel Size                   

ldpi         -> 120 dpi          => 0.5 x 0.5 in         => 0.5 in * 120 dpi = 60x60 px   

mdpi         -> 160 dpi          => 0.5 x 0.5 in         => 0.5 in * 160 dpi = 80x80 px   

hdpi         -> 240 dpi          => 0.5 x 0.5 in         => 0.5 in * 240 dpi = 120x120 px  

xhdpi        -> 320 dpi          => 0.5 x 0.5 in         => 0.5 in * 320 dpi = 160x160 px  

xxhdpi       -> 480 dpi          => 0.5 x 0.5 in         => 0.5 in * 480 dpi = 240x240 px 

xxxhdpi      -> 640 dpi          => 0.5 x 0.5 in         => 0.5 in * 640 dpi = 320x320 px  



Aquí está la fórmula utilizada por Android:

px = dp * (dpi / 160)

Donde dpi es una de las siguientes densidades de pantalla. Para obtener una lista de todas las densidades posibles, vaya aquí

Define las constantes "DENSITY_ *".

  • ldpi (bajo) ~ 120dpi
  • mdpi (medio) ~ 160dpi
  • hdpi (alto) ~ 240dpi
  • xhdpi (extra-alto) ~ 320dpi
  • xxhdpi (extra-extra-alto) ~ 480dpi
  • xxxhdpi (extra-extra-extra-high) ~ 640dpi

Tomado de aquí .

Esto resolverá una gran cantidad de confusión al traducir entre px y dp, si conoce su dpi de pantalla.

Entonces, digamos que desea una imagen de 60 dp para una pantalla de hdpi, entonces el tamaño físico en píxeles de 60 dp es:

px = 60 * (240 / 160)



Por favor lea la respuesta de la wiki de la comunidad. A continuación se mencionan algunos datos que deben considerarse además de las respuestas anteriores.

sp = escala píxel independiente

dp = densidad de píxeles independientes

ppp = densidad de píxeles

He revisado las respuestas anteriores ... no las encuentro exactamente correctas. sp para el tamaño del texto, dp para los límites de diseño - estándar. Pero sp para el tamaño del texto romperá el diseño si se usa sin cuidado en la mayoría de los dispositivos.

sp toma el tamaño del texto del dispositivo, mientras que dp toma el estándar de densidad del dispositivo (nunca cambia en un dispositivo). Dice que el texto de 100sp puede ocupar el 80% de la pantalla o el 100% de la pantalla, dependiendo del tamaño de fuente establecido en el dispositivo

También puede usar sp para los límites de diseño, funcionará :) No se usa la aplicación estándar con sp para texto completo

Use sp y dp para el tamaño del texto considerando UX.

  • No use sp para el texto en la barra de herramientas (puede usar android dimens disponible o dp)
  • No use sp para texto en botones pequeños delimitados, texto muy pequeño, etc.

Algunas personas usan FONT enorme en su teléfono para facilitar la lectura, por lo que darles un texto de tamaño pequeño y codificado será un problema de UX. Coloque sp para el texto donde sea necesario, pero asegúrese de que no rompa el diseño.

De manera similar, si tiene una sola aplicación que admite todas las dimensiones, agregar activos xxxhdpi aumenta mucho el tamaño de la aplicación. Pero ahora los teléfonos xxxhdpi son comunes, por lo que tenemos que incluir activos xxxhdpi al menos para los iconos en la barra lateral, la barra de herramientas y la barra inferior. Es mejor pasar a imágenes vectoriales para tener imágenes de mejor calidad y uniformes para todos los tamaños de pantalla.




Tamaño de pantalla en Android se agrupan en categorías ldpi, mdpi, hdpi, xhdpi, xxhdpiy xxxhdpi. La densidad de la pantalla es la cantidad de píxeles dentro de un área (como pulgadas) de la pantalla. Generalmente se mide en puntos por pulgada ( dpi).

PX(Pixels):

  • nuestro píxel estándar habitual que se asigna al píxel de la pantalla. pxes para píxeles absolutos. Esto se utiliza si desea dar en términos de píxeles absolutos para el ancho o la altura. No recomendado.

DP/DIP(Density pixels / Density independent pixels):

  • dip == dp. En versiones anteriores de Android se utilizó dip y luego se cambió a dp. Esta es la alternativa de px.

  • Generalmente nunca usamos pxporque es de valor absoluto. Si utiliza pxpara establecer el ancho o la altura, y si esa aplicación se está descargando en dispositivos de diferentes tamaños de pantalla, esa vista no se extenderá según el tamaño del original de la pantalla.

  • dpSe recomienda su uso en lugar de px. Utilícela dpsi desea mencionar el ancho y la altura para aumentar y disminuir dinámicamente según los tamaños de pantalla.

  • Si damos dp/dip, Android calculará automáticamente el tamaño de píxel sobre la base de una pantalla de 160 píxeles.

SP(Scale independent pixels):

  • escala según la preferencia de tamaño de fuente del usuario. Las fuentes deben usar sp.

  • al mencionar los tamaños de fuente para adaptarse a varios tamaños de pantalla, utilice sp. Esto es similar a. dpUse spespecialmente para que los tamaños de fuente aumenten y se reduzcan dinámicamente según los tamaños de pantalla

La documentación de Android dice:

Cuando especifique dimensiones, utilice siempre una dpo las spunidades. A dpes un píxel independiente de la densidad que corresponde al tamaño físico de un píxel en 160 dpi. An spes la misma unidad base, pero se escala según el tamaño de texto preferido del usuario (es un píxel independiente de la escala), por lo que debe usar esta unidad de medida al definir el tamaño del texto.




La pantalla de un teléfono móvil está formada por miles de pequeños puntos conocidos como píxeles (px) . Un píxel es el elemento más pequeño que va a hacer la imagen. Cuanto mayor es el número de píxeles para hacer una imagen o texto, más nítido se vuelve y hace que la pantalla del teléfono inteligente sea más fácil de leer.

La resolución de la pantalla se mide en términos de cantidad de píxeles en la pantalla. La resolución de pantalla es una especificación de uso común al comprar un dispositivo, pero en realidad no es tan útil al diseñar para Android porque pensar en pantallas en términos de píxeles ignora la noción de tamaño físico, que para un dispositivo táctil es realmente importante.

Los píxeles independientes de densidad (dp o dip) permiten al diseñador crear activos que aparecen de la forma esperada, sin importar la resolución o densidad del dispositivo objetivo.

Un píxel independiente de densidad (dp o dip) es igual a un píxel en la densidad de referencia o 160 dpi (puntos por pulgada).

1 px / 1dp = 160 dpi / 160 dpi

2 px / 1dp = 320 dpi (2x) / 160 dpi

dónde,

ppp es puntos por pulgada

Entonces, a 320 dpi, 1 dp es igual a 2 px.

Fórmula

px / dp = dpi / 160dpi

Los puntos por pulgada (ppp) son una medida de la nitidez (es decir, la densidad de los puntos iluminados) en una pantalla de visualización. Los puntos por pulgada para una resolución de imagen dada diferirán en función del tamaño de la pantalla en general, ya que la misma cantidad de píxeles se están distribuyendo en un espacio diferente.

Trabajar con píxeles independientes de densidad nos ayuda a enfrentar una situación como la que tiene dos dispositivos con la misma resolución de píxeles, pero con una cantidad diferente de espacio. Supongamos que en un caso, una tableta y un teléfono tienen la misma resolución de píxeles de 1280 por 800 píxeles (160 ppp) y de 800 por 1280 píxeles (320 ppp) respectivamente.

Ahora, debido a que la tableta tiene una densidad de referencia (160 ppp), sus tamaños de píxeles físicos e independientes de densidad son los mismos, 1280 por 800. El teléfono, por otro lado, tiene una densidad de píxeles más alta, por lo que tiene la mitad de píxeles independientes de densidad que físicos. píxeles Así que un teléfono tiene 400 por 640 píxeles de densidad independiente. Por lo tanto, usar un píxel independiente de la densidad hace que sea más fácil imaginar mentalmente que la tableta tiene mucho más espacio que el teléfono.

De manera similar, si tiene dos dispositivos con un tamaño de pantalla similar, pero con una densidad de píxeles diferente, digamos que uno es de 800 por 1280 píxeles (320 ppp), y el otro es de 400 por 640 píxeles (160 ppp), no es necesario que definamos totalmente diferentes diseños para estos dos dispositivos, ya que podemos medir los activos en términos de píxeles independientes de densidad, que es el mismo para ambos dispositivos.

800 por 1280 píxeles (320 ppp) = 400 por 640 píxeles de densidad independiente (dp)

400 por 640 píxeles (160 dpi) = 400 por 640 píxeles de densidad independiente (dp)

Los píxeles independientes de escala (sp) son la unidad preferida para el tamaño de fuente. Para fines de accesibilidad, Android permite a los usuarios personalizar el tamaño de fuente de su dispositivo. Los usuarios que tienen problemas para leer el texto pueden aumentar el tamaño de fuente de su dispositivo. Normalmente puede encontrar esta opción en la configuración de pantalla de su teléfono o tableta con el tamaño de fuente. A menudo también está disponible a través de la configuración de accesibilidad.

Con píxeles independientes de escala, 16 sp es exactamente igual a 16 dp cuando el tamaño de fuente del dispositivo es normal o 100%. Pero cuando el tamaño de fuente del dispositivo es grande, por ejemplo 125%, 16 sp se traducirán a 20 dp o 1.25 veces 16.

Si usa dp como unidad para el tamaño de fuente, entonces ese fragmento de texto tiene un tamaño físico específico, sin importar si el usuario ha personalizado el tamaño de fuente del dispositivo. El uso de unidades sp hará una mejor experiencia para las personas con discapacidad visual.

Referencia : Udacity , Google




SDP , una unidad de tamaño escalable, básicamente no es una unidad, sino recursos de dimensión para diferentes tamaños de pantalla.

Pruebe la biblioteca sdp de Intuit. Resulta muy útil para resolver problemas de la unidad, y puede admitir rápidamente varias pantallas .

Uso

android:paddingBottom="@dimen/_15sdp"para android:layout_marginTop="@dimen/_minus10sdp"sdp sdp positivo y negativo

Tiene un valor equivalente en dp para cada tamaño en values-sw<N>dpcarpetas (sw = smallestWidth).

Atención

¡Utilízalo con cuidado! En la mayoría de los casos, todavía es necesario diseñar un diseño diferente para las tabletas.

Ejemplo

<LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="@dimen/_minus10sdp"
          android:paddingBottom="@dimen/_15sdp"
          android:orientation="horizontal" >

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:includeFontPadding="false"
                    android:text="♡"
                    android:textColor="#ED6C27"
                    android:textSize="@dimen/_70sdp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:includeFontPadding="false"
                    android:text="U"
                    android:textColor="@android:color/black"
                    android:textSize="@dimen/_70sdp" />
            </LinearLayout>

Puede usar db para el tamaño del texto, pero prefiero ssp para el tamaño del texto.

Para más detalles, consulte la página de la biblioteca GitHub .




Quiero proporcionar una manera fácil de entender dp. De hecho, creo que dpes el más fácil de entender. dpEs solo una unidad de longitud física. Es de la misma dimensión que mmo inch. Es conveniente para nosotros escribir 50dp, en 60dplugar de 50/160 incho 60/160 inch, porque uno dpes 1/160 inchel tamaño o la resolución de la pantalla.

El único problema es que, los ppp de Android de algunas pantallas no son precisos. Por ejemplo, una pantalla clasificada a 160 ppp puede tener 170 ppp de hecho. Así que el resultado del cálculo dpes borroso. Debe ser aproximadamente el mismo que 1/160 inch.




Related