前言

Android中的介面開發中常用到的五種佈局方式：
1，LinearLayout(線性佈局)。在xml文字中啥位置寫它就按順序一個個接在後面。
2，FrameLayout(框架佈局)，便於讓控制元件一個個疊上去
3，TableLayout(表格佈局)，顧名思義就像表格那樣一個表格容器，然後在裡面新增控制元件
4，RelativeLayout(相對佈局)，固定參考系，然後相對於參考系的佈局，好處的話就時可以容易調位置
5，AbsoluteLayout(絕對佈局)，顧名思義就是把介面變成一個二維座標布，根據座標給控制元件位置的佈局

Android程式碼:
xml:

<
 
RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="top"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft
 
="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="cn.zhuangzhihuang.MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height=
 
"wrap_content"
        android:text="@string/hello_world" />
    
	<Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="1" />
    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/button1"
        android:layout_centerHorizontal="true"
        android:text="2" />
    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/button1"
        android:text="3" />
    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/button1"
        android:layout_centerHorizontal="true"
        android:text="4" />
    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/button1"
        android:text="5" />
    <Button
        android:id="@+id/button6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/button2"
        android:layout_alignLeft="@id/button1"
        android:layout_centerHorizontal="true"
        android:text="6" />
    <Button
        android:id="@+id/button7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@id/button3"
        android:layout_alignTop="@id/button6"
        android:layout_toRightOf="@id/button6"
        android:text="7" />
    <Button
        android:id="@+id/button8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/button9"
        android:layout_alignRight="@+id/button9"
        android:layout_alignTop="@id/button7"
        android:layout_toRightOf="@id/button7"
        android:text="8" />
    <Button
        android:id="@+id/button9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/button9"
        android:layout_alignRight="@+id/button10"
        android:layout_alignTop="@+id/button2"
        android:text="9" />

    <Button
        android:id="@+id/button10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/button1"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/button3"
        android:text="10" />
	<Button
        android:id="@+id/button11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@id/button10"
        android:layout_alignTop="@id/button4"
        android:layout_below="@id/button10"
        android:text="11" />
    <Button
        android:id="@+id/button12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@id/button11"
        android:layout_alignTop="@+id/button13"
        android:layout_below="@+id/button11"
        android:layout_toRightOf="@+id/button13"
        android:text="12" />

    <Button
        android:id="@+id/button13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@id/button3"
        android:layout_alignTop="@+id/button14"
        android:layout_toLeftOf="@id/button13"
        android:text="13" />
    <Button
        android:id="@+id/button14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1"
        android:layout_below="@+id/button4"
        android:layout_centerHorizontal="true"
        android:text="14" />
    <Button
        android:id="@+id/button15"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/button5"
        android:layout_alignTop="@id/button14"
        android:layout_toLeftOf="@id/button14"
        android:text="15" />
    <Button
        android:id="@+id/button16"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button17"
        android:layout_alignTop="@+id/button15"
        android:layout_below="@+id/button17"
        android:layout_toLeftOf="@+id/button15"
        android:text="16" />
    <Button
        android:id="@+id/button17"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button18"
        android:layout_alignTop="@+id/button4"
        android:layout_below="@+id/button18"
        android:text="17" />
    <Button
        android:id="@+id/button18"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/button1"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/button5"
        android:text="18" />
    <Button
        android:id="@+id/button19"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/button18"
        android:layout_alignLeft="@id/button18"
        android:layout_alignTop="@id/button2"
        android:text="19" />
    <Button
        android:id="@+id/button20"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/button19"
        android:layout_alignLeft="@+id/button19"
        android:layout_alignTop="@+id/button21"
        android:layout_centerInParent="true"
        android:layout_toLeftOf="@+id/button21"
        android:text="20" />
    <Button
        android:id="@+id/button21"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/button5"
        android:layout_alignTop="@id/button6"
        android:layout_toLeftOf="@id/button6"
        android:text="21" />
    
    
    
</RelativeLayout>

在MainActivity中記得新增：
setContentView(R.layout.activity_main); //設定介面

效果: