今天我們來看一下UI布局中常用的東西，padding，margin

這兩個(gè)屬性還是比較好理解，首先，我們要知道，在哪些widget 中有這兩個(gè)屬性
Container
Expanded

Container

4182047-dac3a05f4e2cec89.png

在屬性中可以清晰的看到 padding，margin 兩個(gè)屬性。

我們來詳細(xì)了解一下這兩個(gè)屬性的作用效果。

通過代碼，還是截圖的方式給大家展示效果。
首先上代碼：

4182047-ac5e5e4bda1f77cc.png

代碼效果：

4182047-54fad14217cb9169.png

接下來看一下 Expanded

Expanded

代碼：

4182047-91f4d12e5da68710.png

代碼效果：

4182047-ac151e6f511670a8.png

很明顯，效果不會(huì)印象內(nèi)部空間的位置，而是 修改當(dāng)前控件在父控件 上的內(nèi)邊距 （修改的是自己）

經(jīng)過這兩個(gè)測(cè)試，能清楚的明白padding 和margin 的區(qū)別是效果。