一：基礎知識
1.Android七大基本布局分別是：
LinearLayout(線性布局)、TableLayout(表格布局)、RelativeLayout(相對布局)、FrameLayout(層布局)、AbsoluteLayout(絕對布局)、GridLayout(網格布局)、ConstraintLayout(約束布局)，
2.七大基本布局的繼承關系
上面這個類圖只是說了六大基本布局的關系，當然ViewGroup還有其他一些布局管理器，
3.Android布局的XML關系圖：
二：布局介紹
1.LinearLayout(線性布局)
線性布局具有垂直方向與水平方向的布局方式，通過設定屬性 “android:orientation” 控制方向，屬性值：垂直（vertical）和水平（horizontal），默認水平方向，
android:gravity：內部控制元件對齊方式，常用屬性值：center、center_vertical、center_horizontal、top、bottom、left、right等，android:gravity在布局組件 RelativeLayout、TableLayout 中也有使用，在 FrameLayout、AbsoluteLayout 則沒有這個屬性，
center：居中顯示，這里并不是表示顯示在 LinearLayout 的中心，當 LinearLayout 線性方向為垂直方向時，center 表示水平居中，但是并不能垂直居中，此時等同于 center_horizontal 的作用；同樣當線性方向為水平方向時，center 表示垂直居中，等同于 center_vertical，top、bottom、left、right 顧名思義為內部控制元件居頂、低、左、右布局，
這里要與 android:layout_gravity 區分開，layout_gravity 是用來設定自身相對于父元素的布局，
android:layout_weight：權重，用來分配當前控制元件在剩余空間的大小，使用權重一般要把分配該權重方向的長度設定為零，比如在水平方向分配權重，就把 width 設定為零，
2.RelativeLayout(相對布局)
相對布局可以讓子控制元件相對于兄弟控制元件或父控制元件進行布局，可以設定子控制元件相對于兄弟控制元件
或父控制元件進行上下左右對齊，
RelativeLayout能替換一些嵌套視圖，當我們用 LinearLayout 來實作一個簡單的布局但又使用了過多的嵌套時，就可以考慮使用RelativeLayout重新布局，（過多嵌套會導致性能變差）
RelativeLayout中子控制元件常用屬性：
1、相對于父控制元件，例如：android:layout_alignParentTop=“true”
| android:layout_alignParentTop | 控制元件的頂部與父控制元件的頂部對齊 |
| android:layout_alignParentBottom | 控制元件的底部與父控制元件的底部對齊 |
| android:layout_alignParentLeft | 控制元件的左部與父控制元件的左部對齊 |
| android:layout_alignParentRight | 控制元件的右部與父控制元件的右部對齊 |
2、相對給定Id控制元件，例如：android:layout_above=“@id/**”
| android:layout_above | 控制元件的底部置于給定ID的控制元件之上 |
| android:layout_below | 控制元件的底部置于給定ID的控制元件之下 |
| android:layout_toLeftOf | 控制元件的右邊緣與給定ID的控制元件左邊緣對齊 |
| android:layout_toRightOf | 控制元件的左邊緣與給定ID的控制元件右邊緣對齊 |
| android:layout_alignBaseline | 控制元件的baseline與給定ID的baseline對齊 |
| android:layout_alignTop | 控制元件的頂部邊緣與給定ID的頂部邊緣對齊 |
| android:layout_alignBottom | 控制元件的底部邊緣與給定ID的底部邊緣對齊 |
| android:layout_alignLeft | 控制元件的左邊緣與給定ID的左邊緣對齊 |
| android:layout_alignRight | 控制元件的右邊緣與給定ID的右邊緣對齊 |
3、居中，例如：android:layout_centerInParent=“true”
| android:layout_centerHorizontal | 水平居中 |
| android:layout_centerVertical | 垂直居中 |
| android:layout_centerInParent | 父控制元件的中央 |
3.FrameLayout(層布局)
幀布局或叫層布局，從螢屏左上角按照層次堆疊方式布局，后面的控制元件覆寫前面的控制元件，
該布局在開發中設計地圖經常用到，因為是按層次方式布局，我們需要實作層面顯示的樣式時就可以采用這種布局方式，在普通功能的軟體設計中用得也不多，
4.AbsoluteLayout(絕對布局)
絕對布局也叫坐標布局，指定控制元件的絕對位置，簡單直接，直觀性強，但是手機螢屏尺寸差別較大，適應性差，Android 1.5已棄用，可以用RelativeLayout替代，
5.TableLayout(表格布局)
表格布局繼承自LinearLayout，通過TableRow設定行，列數由TableRow中的子控制元件決定，直接在TableLayout中添加子控制元件會占據整個一行，
TableLayout常用屬性：
| android:shrinkColumns | 設定可收縮的列，內容過多就收縮顯示到第二行 |
| android:stretchColumns | 設定可伸展的列，將空白區域填充滿整個列 |
| android:collapseColumns | 設定要隱藏的列 |
列的索引從0開始，shrinkColumns和stretchColumns可以同時設定，
子控制元件常用屬性：
| android:layout_column | 第幾列 |
| android:layout_span | 占據列數 |
6.GridLayout(網格布局)
android 4.0 后新增的一個布局,與前面介紹過的 TableLayout(表格布局) 其實有點大同小異，不過新增了一些新的功能：
1.跟LinearLayout(線性布局)一樣,他可以設定容器中組件的對齊方式
2.容器中的組件可以跨多行也可以跨多列(相比 TableLayout 直接放組件,占一行相比較)
常用屬性:
排列對齊:
| 設定組件的排列方式 | android:orientation="" | vertical(豎直,默認)或者horizontal(水平) |
| 設定組件的對齊方式 | android:layout_gravity="" | center,left,right,buttom |
設定布局為幾行幾列:
| 設定有多少行 | android:rowCount="4" | 設定網格布局有4行 |
| 設定有多少列 | android:columnCount="4 | 設定網格布局有4列 |
設定某個組件位于幾行幾列 注意:都是從0開始算的～～～
| 組件在第幾行 | android:layout_row = "1" | 設定組件位于第二行 |
| 組件在第幾列 | android:layout_column = "2" | 設定該組件位于第三列 |
設定某個組件橫跨幾行幾列以及填充:
| 橫跨幾行 | android:layout_rowSpan = "2" | 縱向橫跨2行 |
| 橫跨幾列: | android:layout_columnSpan = "3" | 橫向橫跨2列 |
| 填充滿跨越的行或列 | android:layout_gravity = "fill" | 填充 |
7.ConstraintLayout(約束布局)
傳統的Android開發當中，界面基本都是靠撰寫XML代碼完成的，雖然Android Studio也支持可視化的方式來撰寫界面，但是操作起來并不方便，我也一直都不推薦使用可視化的方式來撰寫Android應用程式的界面，而ConstraintLayout就是為了解決這一現狀而出現的，它和傳統撰寫界面的方式恰恰相反，ConstraintLayout非常適合使用可視化的方式來撰寫界面，但并不太適合使用XML的方式來進行撰寫，當然，可視化操作的背后仍然還是使用的XML代碼來實作的，只不過這些代碼是由Android Studio根據我們的操作自動生成的，另外，ConstraintLayout 還有一個優點，它可以有效地解決布局嵌套過多的問題，我們平時撰寫界面，復雜的布局總會伴隨著多層的嵌套，而嵌套越多，程式的性能也就越差，ConstraintLayout則是使用約束的方式來指定各個控制元件的位置和關系的，它有點類似于 RelativeLayout，但遠比RelativeLayout要更強大，
注意：ConstraintLayout 向下兼容到 API 9
常用特性：例如：app:layout_constraintTop_toBottomOf="@+id/***"
| layout_constraintTop_toTopOf | 將所需視圖的頂部與另一個視圖的頂部對齊 |
| layout_constraintTop_toBottomOf | 將所需視圖的頂部與另一個視圖的底部對齊 |
| layout_constraintBottom_toTopOf | 將所需視圖的底部與另一個視圖的頂部對齊 |
| layout_constraintBottom_toBottomOf | 將所需視圖的底部與另一個視圖的底部對齊 |
| layout_constraintLeft_toLeftOf | 將所需視圖的左邊與另一個視圖的左邊對齊 |
| layout_constraintLeft_toRightOf | 將所需視圖的左邊與另一個視圖的右邊對齊 |
| layout_constraintRight_toLeftOf | 將所需視圖的右邊與另一個視圖的左邊對齊 |
| layout_constraintRight_toRightOf | 將所需視圖的右邊與另一個視圖的右邊對齊 |
三：性能介紹
以最常用的LinearLayout(線性布局)、RelativeLayout(相對布局)來舉例子，
很簡單就一句話：在簡單布局可以用單層 LinearLayout 完成的布局我們可以選擇 LinearLayout 進行布局，如果用單層 LinearLayout 完成不了而要嵌套的話，那么我們可以考慮用 RelativeLayout 來完成布局，
注意：當 LinearLayout 設定了 weight 的時候，會進行二次測量，在第二次測量的時候父視圖會把剩余的寬度按照 weight 值的大小平均分配給相應的子視圖，這樣就會浪費性能了～～～所以盡量不要用吧～～～
四：原理介紹
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/305485.html
標籤：其他