Pregunta Diferencia entre el relleno y el margen de una vista


¿Cuál es la diferencia entre el margen y el relleno de una vista?


513
2018-01-06 21:11


origen


Respuestas:


Para ayudarme a recordar el significado de relleno, Pienso en un abrigo grande con muchas acolchado de algodón grueso. Estoy dentro de mi abrigo, pero yo y mi abrigo acolchado estamos juntos. Somos una unidad.

Pero para recordar margen, Pienso, "Oye, dame un poco de margen!"Es el espacio vacío entre tú y yo. No entres en mi zona de confort, mi margen.

Para hacerlo más claro, aquí hay una imagen de relleno y margen en una TextView:

enter image description here

diseño xml para la imagen de arriba

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:text="TextView margin only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:text="TextView margin only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#c5e1b0"
        android:padding="10dp"
        android:textColor="#000000"
        android:text="TextView padding only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#f6c0c0"
        android:padding="10dp"
        android:textColor="#000000"
        android:text="TextView padding only"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:padding="10dp"
        android:text="TextView padding and margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:padding="10dp"
        android:text="TextView padding and margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#c5e1b0"
        android:textColor="#000000"
        android:text="TextView no padding no margin"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#f6c0c0"
        android:textColor="#000000"
        android:text="TextView no padding no margin"
        android:textSize="20sp" />

</LinearLayout>

Relacionado


495
2017-08-27 06:30



Relleno es el espacio dentro del borde, entre el borde y el contenido de la vista real. Tenga en cuenta que el relleno va completamente alrededor del contenido: hay relleno en los lados superior, inferior, derecho e izquierdo (que puede ser independiente).

Márgenes son los espacios fuera del borde, entre el borde y los otros elementos al lado de esta vista. En la imagen, el margen es el área gris fuera del objeto completo. Tenga en cuenta que, al igual que el relleno, el margen va completamente alrededor del contenido: hay márgenes en los lados superior, inferior, derecho e izquierdo.

Una imagen dice más de 1000 palabras (extraída de Margen Vs Padding - Propiedades de CSS)

alt text


560
2018-01-06 21:15



El relleno está dentro de una Vista.

El margen está fuera de una vista.

Esta diferencia puede ser relevante para las propiedades de fondo o tamaño.


68
2018-01-06 21:15



El relleno está dentro de la vista, el margen está afuera. El relleno está disponible para todas las vistas. Dependiendo de la vista, puede haber o no una diferencia visual entre el relleno y el margen.

Para los botones, por ejemplo, la imagen de fondo del botón característico incluye el relleno, pero no el margen. En otras palabras, agregar más relleno hace que el botón se vea visualmente más grande, mientras que agregar más margen solo amplía la brecha entre el botón y el siguiente control.

por TextViews, por otro lado, el efecto visual de relleno y margen es idéntico.

Si el margen está disponible o no está determinado por el contenedor de la vista, no por la vista en sí. En LinearLayout margen es compatible, en AbsoluteLayout (considerado obsoleto ahora) - no.


41
2018-01-06 21:14



Debajo de la imagen podrás entender el relleno y el margen

enter image description here


22
2018-02-04 08:54



El relleno es el espacio dentro del borde entre el borde y la imagen real o contenido de la celda. Los márgenes son los espacios fuera del borde, entre el borde y los otros elementos al lado de este objeto.


7
2017-11-02 08:19



A veces puede lograr el mismo resultado jugando solo con margen de relleno O. Ejemplo:

Say View X contiene la vista Y (también conocida como: View Y is in View X).

-Ver Y con Margen = 30 O Ver X con Relleno = 30 logrará el mismo resultado: La Vista Y tendrá un desplazamiento de 30.


7
2017-12-06 16:25



Relleno
 El relleno está dentro de una Vista. Por ejemplo, si das android:paddingLeft=20dp, entonces los elementos dentro de la vista arreglarán con 20dpancho desde la izquierda. También puede usar paddingRight, paddingBottom, paddingTop que son para dar relleno de derecha, abajo y arriba, respectivamente.

Margen
El margen está fuera de View. Por ejemplo, si das android:marginLeft=20dp , entonces la vista se organizará después 20dp desde la izquierda.


7
2017-07-03 04:24



Relleno significa espacio entre el widget y el marco original del widget. Pero el margen es el espacio entre el marco original del widget y el marco del otro widget.enter image description here.


7
2018-02-01 04:58



Supongamos que tiene un botón en una vista y el tamaño de la vista es de 200 por 200, y el tamaño del botón es de 50 por 50, y el título del botón es HT, ahora la diferencia entre el margen y el relleno es, puede configurar el el margen del botón a la vista, por ejemplo 20 desde la izquierda 20 desde la parte superior, y el relleno ajustará la posición del texto en el botón o la vista de texto, etc., por ejemplo, el valor de relleno es 20 desde la izquierda. por lo que ajustará la posición del texto.


3
2017-09-12 10:19