视图的填充和边距之间的区别

View's Margin和Padding有什么区别?


为了帮助我记住衬垫的意义,我想到了一件厚厚的棉质衬垫的大外套。 我穿着我的外套,但是我和我的软垫外套在一起。 我们是一个单位。

但为了记住保证金 ,我想,“ 嘿,给我一些保证金! ”这是我和你之间的空白空间。 不要进入我的舒适区 - 我的边缘。

为了更加清楚,下面是一个TextView的填充和边距的图片:

在这里输入图像描述

上面的图像的xml布局

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

有关

  • 重力与layout_gravity
  • Match_parent与wrap_content

  • 填充是边框内边界与实际视图内容之间的空间。 请注意,填充完全围绕内容:顶部,底部,右侧和左侧(可以独立)有填充。

    边距是指边界之外,边界与此视图旁边的其他元素之间的空间。 在图像中,边距是整个对象外部的灰色区域。 请注意,像填充一样,边距完全围绕内容:顶部,底部,右侧和左侧都有边距。

    一张图片显示超过1000个字(从边距与填充 - CSS属性中提取):


    填充位于视图内部。

    保证金在视图之外。

    这种差异可能与背景或大小属性有关。

    链接地址: http://www.djcxy.com/p/5013.html

    上一篇: Difference between a View's Padding and Margin

    下一篇: Targeting only Firefox with CSS