Android零基礎入門第27節：正確使用padding和margin

時間 2019-11-20

標籤 android 零基礎入門正確使用 padding margin 欄目 Android 简体版

原文原文鏈接

原文: Android零基礎入門第27節：正確使用padding和margin

前面兩期咱們學習了LinearLayout線性佈局的方向、填充模型、權重和對齊，那麼本期咱們來學習LinearLayout線性佈局的內邊距和外邊距。html

關於padding和margin，不少同窗傻傻分不清，相信經過今天的學習能夠正確使用。android

1、內邊距padding

默認狀況下，組件相互之間是牢牢靠在一塊兒的。可是有時候須要組件各邊之間有必定的內邊距，那就能夠經過如下幾個屬性來設置，內邊距的值是具體的尺寸，如5dp。c#

android:padding：爲組件的四邊設置相同的內邊距。微信
android:paddingLeft：爲組件的左邊設置內邊距。架構
android:paddingRight：爲組件的右邊設置內邊距。app
android:paddingTop：爲組件的上邊設置內邊距。佈局
android:paddingBottom：爲組件的下邊設置內邊距。學習

內邊距的原理以下圖所示：優化

接下來經過一個簡單的示例程序來學習android:padding的使用用法。spa

繼續使用app/main/res/layout/目錄下的activity_main.xml文件，在其中填充以下代碼片斷：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="padding"
        android:padding="20dp"
        android:background="#00ffff"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="normal"
        android:background="#caa926"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="padding"
        android:paddingLeft="50dp"
        android:paddingRight="50dp"
        android:paddingTop="50dp"
        android:paddingBottom="50dp"
        android:background="#00f05f"/>
</LinearLayout>

運行程序，能夠看到下圖所示界面效果：

2、外邊距margin

經過設置內邊距，只能設置內容相對於組件之間的距離，而組件之間仍然是相鄰挨着的。在實際開發中，有時候須要組件之間有必定的間隔距離，那麼就須要用到外邊距了，能夠經過如下幾個屬性來設置。

android:layout_margin：本組件離上下左右各組件的外邊距。
android:layout_marginStart：本組件離開始的位置的外邊距。
android:layout_marginEnd：本組件離結束位置的外邊距。
android:layout_marginBottom：本組件離下部組件的外邊距。
android:layout_marginTop：本組件離上部組件的外邊距。
android:layout_marginLeft：本組件離左部組件的外邊距。
android:layout_marginRight：本組件離右部組件的外邊距。

外邊距的原理以下圖所示：

接下來經過一個簡單的示例程序來學習android:layout_margin的使用用法。

將上面的示例程序的佈局文件修改一下，以下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="margin 20dp"
        android:layout_margin="20dp"
        android:background="#00ffff"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="normal"
        android:background="#caa926"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="margin 50dp"
        android:layout_marginLeft="50dp"
        android:layout_marginRight="50dp"
        android:layout_marginTop="50dp"
        android:layout_marginBottom="50dp"
        android:background="#00f05f"/>
</LinearLayout>