View中Margin与Padding的区别

最新推荐文章于 2024-11-08 15:39:43 发布

Jason_Wang

最新推荐文章于 2024-11-08 15:39:43 发布

阅读量821

点赞数

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/jason_wzn/article/details/50583346

Android 专栏收录该内容

33 篇文章

订阅专栏

本文详细解释了Android UI设计中Padding与Margin的区别，并通过实例展示了它们如何影响View的布局与外观。Padding是View内部的空间，而Margin是View之间的间距。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在设计Android UI的Layout时，为保持对齐与美观，常需要在View中添加适当的Padding以及View之间添加适当的Margin,两者具体有什么区别了？

简单的说，Padding是属于View的一部分，因此在调用getWidth()/getHeight()时，Padding是包含在View的大小之中的；而Margin属于ViewGroup/Layout的一部分，用于分割View与View的空白区域。

举个栗子:

对应的 Layout 文件：

<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: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: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: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: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: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: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:text="TextView no padding no margin"
        android:textSize="20sp" />

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

</LinearLayout>