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

Question

视图的边距和填充有什么区别？

Answer 1

为了帮助我记住衬垫的含义，我想到了一件带有许多厚棉衬垫的大衣。我在外套里面，但我和我的棉衣是在一起的。我们是一个单位。

但要记住边距，我会想到，“嘿，给我一些边距！”这是我和你之间的空白空间。不要进入我的舒适区——我的边缘。

为了更清楚地说明，这是 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

Answer 2

内边距是边框内部、边框与实际视图内容之间的空间。请注意，填充完全围绕内容：顶部、底部、右侧和左侧都有填充（可以是独立的）。

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

一张图片包含超过 1000 个单词（摘自 Margin Vs Padding - CSS 属性):

Answer 3

填充位于视图内部。

边距位于视图之外。

这种差异可能与背景或尺寸属性有关。

Answer 4

内边距在视图内，边距在视图外。填充可用于所有视图。根据视图的不同，填充和边距之间可能存在也可能不存在视觉差异。

例如，对于按钮，特征按钮背景图像包括填充，但不包括边距。换句话说，添加更多的内边距会使按钮在视觉上看起来更大，而添加更多的边距只会使按钮和下一个控件之间的间隙更宽。

另一方面，对于 TextView 来说，填充和边距的视觉效果是相同的。

margin 是否可用由视图的容器决定，而不是由视图本身决定。在 LinearLayout 中支持边距，在 AbsoluteLayout 中（现在已被认为已过时）- 不支持。

Answer 5

下图将让您了解填充和边距 -

Answer 6

填充是指小部件和小部件原始框架之间的空间。但边距是小部件的原始框架与其他小部件框架之间的空间。。

Answer 7

填充
Padding 位于 View 内部。例如，如果您指定 android:paddingLeft=20dp，则视图内的项目将从左侧以 20dp 宽度排列。您也可以使用paddingRight、paddingBottom、paddingTop 分别从右、下、上进行填充。

保证金
边距位于视图之外。例如，如果您指定 android:marginLeft=20dp ，则视图将排列在左侧 20dp 之后。

Answer 8

填充是边框内部与实际图像或单元格内容之间的空间。
边距是边框外部、边框与该对象旁边的其他元素之间的空间。

Answer 9

有时，您可以通过仅使用填充或边距来实现相同的结果。示例：

假设视图 X 包含视图 Y（又名：视图 Y 在视图 X 内部）。

-Margin=30 的视图 Y 或 Padding=30 的视图 X 将获得相同的结果：视图 Y 的偏移量为 30。

Answer 10

除了上述所有正确答案之外，另一个区别是内边距增加了视图的可点击区域，而边距则增加了视图的可点击区域。不是。。如果您有一个较小的可点击图像但想让点击处理程序宽容，这非常有用。

例如，请查看带有 ImageView （Android 图标）的布局图像，其中我将 paddingBotton 设置为 100dp （图像为库存启动器 mipmap ic_launcher）。通过附加的点击处理程序，我可以点击图像外部和下方，并且仍然注册一次点击。

Answer 11

简单来说：

1. Padding - 在视图边框内创建空间。
2. 边距 - 在视图边界之外创建空间。

Answer 12

我们假设视图中有一个按钮，视图的大小为 200 x 200，按钮的大小为 50 x 50，按钮标题为 HT。现在margin和padding之间的区别是，您可以在视图中设置按钮的边距，例如从左侧20，从顶部20，而padding会调整按钮或文本视图中的文本位置等。例如，padding值为从左边算起20，所以它会调整文本的位置。

Answer 13

边距是指元素外部的额外空间。填充是指元素内的额外空间。边距是控件周围的额外空间。填充是控件内部的额外空间。

使用白色填充很难看出边距和填充的差异，但使用彩色填充时您可以很好地看到它。

Answer 14

简单来说：
填充会改变盒子的大小（带有某些东西）。
margin 改变不同盒子之间的空间

Answer 15

Padding 用于在视图及其内容之间添加空白区域。

边距用于在不同视图之间添加空间。

对于填充和边距，我们有两种方法来设置它们，

• 将所有边设置为相等值
• ，根据要求设置边特定值

所有边具有相等值：

您可以使用 android:padding="15dp"用于设置所有边 15dp 的内边距

和 android:layout_margin="15dp" 用于设置所有边 15dp 的边距

具有特定值的边：

Padding

• android:paddingBottom 设置底部边缘的填充
• android:paddingStart 设置起始边缘的填充意味着在视图的左侧
• android:paddingEnd 设置底部边缘的填充结束边缘表示在视图的右侧
• android:paddingTop 设置顶部边缘的填充

Margin

• android:layout_marginBottom 指定底部的额外空间此视图的侧面。
• android:layout_marginEnd 指定末端的额外空间，即在此视图的右侧。
• android:layout_marginStart 指定起始侧的额外空间，即在此视图的左侧。
• android:layout_marginTop 指定此视图顶部的额外空间。