Question Différence entre le remplissage d'une vue et la marge


Quelle est la différence entre la marge et le remplissage d'une vue?


513
2018-01-06 21:11


origine


Réponses:


Pour m'aider à me souvenir de la signification de rembourrage, Je pense à un gros manteau avec beaucoup de rembourrage en coton épais. Je suis à l'intérieur de mon manteau, mais moi et mon manteau rembourré sont ensemble. Nous sommes une unité.

Mais à retenir marge, Je pense à, "Hey, donnez-moi une marge!«C'est l'espace vide entre moi et toi, ne viens pas dans ma zone de confort - ma marge.

Pour le rendre plus clair, voici une image du rembourrage et de la marge dans un TextView:

enter image description here

Disposition XML pour l'image ci-dessus

<?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>

en relation


495
2017-08-27 06:30



Rembourrage est l'espace à l'intérieur de la frontière, entre la bordure et le contenu de la vue actuelle. Notez que le remplissage va complètement autour du contenu: il y a un remplissage sur les côtés supérieur, inférieur, droit et gauche (qui peut être indépendant).

Marges sont les espaces en dehors de la frontière, entre la frontière et les autres éléments à côté de cette vue. Dans l'image, la marge est la zone grise à l'extérieur de l'objet entier. Notez que, tout comme le remplissage, la marge entoure complètement le contenu: il y a des marges en haut, en bas, à droite et à gauche.

Une image dit plus de 1000 mots (extraits de Marge Vs Padding - Propriétés CSS):

alt text


560
2018-01-06 21:15



Le rembourrage est à l'intérieur d'une vue.

La marge est en dehors d'une vue.

Cette différence peut être pertinente pour les propriétés d'arrière-plan ou de taille.


68
2018-01-06 21:15



Rembourrage est dans la vue, la marge est à l'extérieur. Le rembourrage est disponible pour toutes les vues. Selon la vue, il peut y avoir ou non une différence visuelle entre le remplissage et la marge.

Pour les boutons, par exemple, l'image d'arrière-plan du bouton caractéristique inclut le remplissage, mais pas la marge. En d'autres termes, l'ajout de plus de remplissage rend le bouton visuellement plus grand, tandis que l'ajout d'une marge rend l'espace entre le bouton et le contrôle suivant plus large.

Pour TextViewD'un autre côté, l'effet visuel du rembourrage et de la marge est identique.

Que la marge soit disponible ou non est déterminée par le conteneur de la vue, et non par la vue elle-même. Dans LinearLayout la marge est soutenue, en AbsoluteLayout (considéré obsolète maintenant) - non.


41
2018-01-06 21:14



L'image ci-dessous vous permettra de comprendre le rembourrage et la marge

enter image description here


22
2018-02-04 08:54



Le remplissage est l'espace situé à l'intérieur de la bordure entre la bordure et l'image ou le contenu de la cellule. Les marges sont les espaces en dehors de la frontière, entre la bordure et les autres éléments à côté de cet objet.


7
2017-11-02 08:19



Parfois, vous pouvez obtenir le même résultat en jouant uniquement avec le padding ou la marge. Exemple :

Say View X contient la vue Y (aka: View Y est à l'intérieur de View X).

-View Y avec Margin = 30 OU View X avec Padding = 30 obtiendra le même résultat: View Y aura un offset de 30.


7
2017-12-06 16:25



Rembourrage
 Le rembourrage est à l'intérieur d'une vue.Par exemple si vous donnez android:paddingLeft=20dp, alors les éléments à l'intérieur de la vue s'arrangeront avec 20dplargeur de gauche.Vous pouvez également utiliser paddingRight, paddingBottom, paddingTop qui doivent donner un rembourrage de droite, bas et haut respectivement.

Marge
La marge est en dehors d'un View. Par exemple si vous donnez android:marginLeft=20dp , alors la vue sera disposée après 20dp de gauche


7
2017-07-03 04:24



Rembourrage signifie espace entre le widget et le cadre d'origine du widget. Mais la marge est l'espace entre le cadre original du widget pour délimiter le cadre de l'autre widget.enter image description here.


7
2018-02-01 04:58



Supposons juste que vous avez un bouton dans une vue et la taille de la vue est de 200 par 200, et la taille du bouton est de 50 par 50, et le titre du bouton est HT, maintenant la différence entre marge et remplissage est, vous pouvez définir marge de bouton dans la vue, par exemple 20 à partir de la gauche 20 à partir du haut, et le rembourrage ajustera la position du texte dans le bouton ou la vue de texte etc. par exemple, la valeur de remplissage est de 20 à gauche. donc il va ajuster la position du texte.


3
2017-09-12 10:19