Android 开发中Layout_Margin与padding的区别以及Layout_gravity与gravity的区别

最新推荐文章于 2021-05-28 18:23:39 发布

原创最新推荐文章于 2021-05-28 18:23:39 发布 · 置顶 · 1.0k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#padding与Layout_margi

Android小知识点专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了Android开发中常用的布局属性，如Layout_Margin与padding的区别，以及Layout_gravity与gravity的不同之处。通过实例展示了这些属性如何影响视图的外观及布局。

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

Layout_Margin与padding的区别以及Layout_gravity与gravity的区别

平时开发中这几个属性是我们经常使用的几个属性，偶尔脑子一糊涂，就容易弄混这些属性，下面，我就仔细介绍一下这几个属性：

1.首先介绍Layout_Margin与padding:

1.1.不设置任何Layout_Margin或者padding属性

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:id="@+id/groupView"
    android:background="#22aaa4"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <Button
        android:background="#9944aa"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe"
        android:id="@+id/btn"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe2"/>
</LinearLay

上面xml中没有设置任何Layout_Margin或者padding属性，显示效果如下：

1.2设置padding属性：

<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:id="@+id/groupView"
    android:background="#22aaa4"
    <span style="color:#ff0000;">android:padding="50dp"</span>
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <Button
        android:background="#9944aa"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe"
        android:id="@+id/btn"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe2"/>
</LinearLayout>

上面再LinearLayout里设置了padding属性，显示效果如下：

可以看见LinearLayout内部的控件全部都离边框一段距离了

下面继续：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:id="@+id/groupView"
    android:background="#22aaa4"
   <span style="color:#ff0000;"> android:padding="50dp"</span>
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <Button
        android:background="#9944aa"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe"
        android:id="@+id/btn"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="100dp"
       <span style="color:#ff0000;"> android:paddingTop="40dp"</span>
        android:text="hehe2"/>
</LinearLayout>

在之前的基础上，又在第二个Button中添加了一个padding属性，显示效果如下：

清晰了没有？原来padding就是会影响你设置了padding属性的这个控件的内部的状态，。

1.3.设置Layout_Margin:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:id="@+id/groupView"
    android:background="#22aaa4"

    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <Button
        android:background="#9944aa"
        android:layout_width="match_parent"
        android:layout_height="100dp"
       <span style="color:#ff0000;"> android:layout_margin="100dp"</span>
        android:text="hehe"
        android:id="@+id/btn"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe2"/>
</LinearLayout>

上面就在第一个Button中设置了margin值，看显示效果与第一张没设置任何东西得图作对比哦：

在设置一个看看：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:id="@+id/groupView"
    android:background="#22aaa4"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <Button
        android:background="#9944aa"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        <span style="color:#ff0000;">android:layout_margin="100dp"</span>
        android:text="hehe"
        android:id="@+id/btn"/>
    <Button
        android:layout_width="match_parent"
       <span style="color:#ff0000;"> android:layout_marginTop="100dp"</span>
        android:layout_height="100dp"
        android:text="hehe2"/>
</LinearLayout>

显示效果如下：

看出来没有？layout_Margin就是指你设置了这个属性的控件，在他的父控件里与其他的控件之间的位置，千万不要以为这个是就是子控件在父控件里的相对位置哦！这样表达式不正确的啊，第二幅图就直接说明了这一点，是控件之间的关系，

总结：padding是指设置了这个属性的控件内部的位置变化关系，比如TextView中或者Button中设置了的话，那么这些控件上面显示的text位置就会发生相应的变化，如果在父控件中设置了这个属性，比如LinearLayout中设置了这个属性，那么它内部的子控件的位置就会发生变化！

Layout_Margin是指设置了这个属性的控件，与他平级的控件之间的位置关系，（Ps：padding是内部的位置关系）！

2.Gravity与Layout_gravity之间的关系：

2.1不设置任何东西：

<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:background="#44aa77"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe"
        android:textSize="30sp"
        android:background="#aa2288"/>
</LinearLayout>

设置gravity：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:background="#44aa77"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe"
        <span style="color:#ff0000;">android:gravity="center"</span>
        android:textSize="30sp"
        android:background="#aa2288"/>
</LinearLayout>

gravity属性，会影响设置了这个属性的控件的内部的状态。

2.只设置Layout_gravity：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:background="#44aa77"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="hehe"
        <span style="color:#ff0000;">android:layout_gravity="center"</span>
        android:textSize="30sp"
        android:background="#aa2288"/>
</LinearLayout>