Android 布局属性值

Posted 2023-02-23 yayun0516

padding和margin属性在开发中十分常用，padding意为“填充”，一般用来在控件内部填充布局，而margin意为“边缘”，一般指的是控件外部距父控件的距离，可以结合下面的图片来理解，如图3.9所示。

图3.9 android 布局示意图

图中序号如表3.1所示。

表3.1 Android布局示意图含义表

3.2.1 Android padding属性用法

下面通过一个实例来看一下这些属性的用法，首先看一下padding属性的用法：

<?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:background="#96e25f"
        android:paddingBottom="80dp"
        android:paddingLeft="20dp"
        android:paddingRight="60dp"
        android:paddingTop="40dp"
        android:text="Hello World!" />
</LinearLayout>

为TextView控件添加了四个相关的padding属性，并设置了不同的属性值，为了方便观察还为用来演示的TextView控件添加了背景色（设置了background属性），查看Android Studio的预览窗口即可实时查看效果图，如图3.10所示。

图3.10 Android Padding属性示意图

可以看出，和设置属性值一致，左上右下四个方向的padding值依次变大。

3.2.2 Android margin属性用法

下面看一下margin属性的用法：

<?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_marginLeft="10dp"
        android:layout_marginTop="30dp"
        android:background="#96e25f"
        android:paddingBottom="80dp"
        android:paddingLeft="20dp"
        android:paddingRight="60dp"
        android:paddingTop="40dp"
        android:text="Hello World!" />
</LinearLayout>

由于LinearLayout中控件默认在左上角显示，所以这里添加了两个margin属性，分别是layout_marginLeft（距左边界的距离）和layout_marginTop（距上边界的距离），效果如图3.11所示。

图3.11 Android Margin属性示意图一

修改代码如下：

<?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:gravity="bottom|right"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp"
        android:layout_marginRight="10dp"
        android:background="#96e25f"
        android:paddingBottom="80dp"
        android:paddingLeft="20dp"
        android:paddingRight="60dp"
        android:paddingTop="40dp"
        android:text="Hello World!" />
</LinearLayout>

为了查看layout_marginBottom（距离底部边界）和layout_marginRight（距离右部边界）的效果，这里为LinearLayout添加了gravity属性并设置其值为bottom|right（控件将置于右下角），再次查看预览窗口，如图3.12所示。

图3.12 Android Margin属性示意图二

可以看出TextView位于右下角，距离其父布局边界底部边界30dp，距离父布局右边边界10dp。

当然除了上面的指定具体“上下左右”边界的值，还提供了padding和layout_margin属性，这时“上下左右”都是相同的值了，下面通过一个实例看一下这两个属性的效果：

<?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="40dp"
        android:background="#96e25f"
        android:padding="40dp"
        android:text="TextView1" />
</LinearLayout>

为TextView添加了padding属性为40dp，这时候TextView的“上下左右”内间距相同，都为40dp；为TextView添加了layout_margin属性并设置了其值为40dp，这时距左边距40dp，距上边距40dp，效果如图3.13所示。

图3.13 Android Margin属性示意图三

可以看出，此时TextView控件距离模拟器的上边界和左边界的距离都相同了，且TextView里的文字位于TextView正中了。

再次修改下代码为：

<?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:gravity="bottom|right"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="40dp"
        android:background="#96e25f"
        android:padding="40dp"
        android:text="TextView1" />
</LinearLayout>

为LinearLayout添加了gravity属性其值为bottom|right（右下），这时显示效果如图3.14所示。

图3.14 Android Margin属性示意图四

可以看出，此时TextView距离模拟器底边界和右边界距离相同了。

如果你喜欢作者的文章，还可以购买他的书（京东自营）：