第五部分：UI基本布局（LinearLayout、RelativeLayout、FrameLayout、TableLayout）

1.LinearLayout   LinearLayout中有一個屬性是android:orientation，vertical是垂直排列，horizontal是水平排列。 在activity_main中創建三個按鈕，然後分別按照豎直排列和水平排列：  

android:orientation="vertical"

   

android:orientation="horizontal"

在按鈕中可以添加屬性android:layout_gravity用於控件在布局中的對齊方式： 例如在按鈕1/2/3中分別依次加入下面的三條語句：  

android:layout_gravity="top"
android:layout_gravity="center_vertical"
android:layout_gravity="bottom"

  效果如下：   現在將布局中的按鈕刪掉，改成如下代碼：  

效果如下： EditText和Button的寬度都設置成了0，此時的寬度由android:layout_weight來決定，系統會自動計算將layout_weight的值相加，得到一個總值，每個控件的值就是所占比例。 也可以EditText為剛才的編碼，Button改為原來的寫法，這樣Button會按照warp_content計算，而EditText會占滿剩下的部分。如下圖所示：   2.RelativeLayout   將布局改為RelativeLayout，並在創建5個按鈕，5個按鈕的代碼如下：  

運行的效果如下：   在按鈕中添加了android:layout_alignParent***代表在界面中的位置，比如按鈕1中，左部和上部的屬性設置為true，所以該按鈕在左上角，中部為android:layout_centerInParent。   剛才的例子是相對於父布局進行定位，還可以相對部件進行定位，代碼如下：  

  效果如下：   可以看到寫法同父布局相似。   3.FrameLayout   該布局非常簡單，用的也較少，它將所有東西都重疊放到了左上角（介紹碎片時會用到）。   4.TableLayout   使用表格的方式來排列，代碼如下：  

  效果如下：     其中android:layout_span=“2”是讓該按鈕占兩列的空間   在TableLayout中沒法指定空間的寬度，所以右邊空出一塊，這是可以使用android:stretchColumns屬性解決這個問題。 在布局定義的時候添加如下代碼：  

android:stretchColumns="1"

  表示如果表格不能占滿屏幕，就讓第二列進行拉伸，如果該語句的賦值為“0”，則表示拉伸第一行。效果如下：