安卓常用布局（线性、相对、帧、表格布局）

1、线性布局效果图：

Xml文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

   <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"

        >
        <TextView 
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@android:color/holo_blue_light"

            />
        <TextView 
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@android:color/holo_green_light"

            />
        <TextView 
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@android:color/holo_purple"

            />
        <TextView 
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@android:color/holo_orange_light"

            />
    </LinearLayout>

    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="vertical"
        >
        <TextView 
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_height="0dp"
            android:background="@android:color/holo_red_light"

            />
        <TextView 
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_height="0dp"
            android:background="@android:color/holo_purple"

            />
        <TextView 
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_height="0dp"
            android:background="@android:color/holo_green_light"

            />
        <TextView 
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_height="0dp"
            android:background="@android:color/holo_blue_light"

            />

    </LinearLayout>


</LinearLayout>

2、相对布局效果图：

XMl文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <Button 
        android:id="@+id/center"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="中间"
        android:textSize="18dp"
        android:layout_centerInParent="true"
        />
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="上面"
        android:textSize="18dp"
        android:layout_above="@id/center"
        android:layout_alignRight="@id/center"
        android:layout_alignLeft="@id/center"

        />
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="下面"
        android:textSize="18dp"
        android:layout_below="@id/center"
        android:layout_alignRight="@id/center"
        android:layout_alignLeft="@id/center"


        />
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="左边"
        android:textSize="18dp"
        android:layout_toLeftOf="@id/center"
        android:layout_alignTop="@id/center"



        />
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="右边"
        android:textSize="18dp"
       android:layout_toRightOf="@id/center"
       android:layout_alignTop="@id/center"

        />  

    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="左上边"
        android:textSize="18dp"
        android:layout_toLeftOf="@id/center"
        android:layout_above="@id/center"

        />  
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="右上边"
        android:textSize="18dp"
        android:layout_toRightOf="@id/center"
        android:layout_above="@id/center"

        />  
     <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="左下边"
        android:textSize="18dp"
        android:layout_toLeftOf="@id/center"
        android:layout_below="@id/center"

        />     
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="右下边"
        android:textSize="18sp"
        android:layout_toRightOf="@id/center"
        android:layout_below="@id/center"

        />     


</RelativeLayout>

3、帧布局效果图：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView 
        android:layout_width="240dp"
        android:layout_height="240dp"
        android:background="@android:color/holo_red_light"
        android:layout_gravity="center"

        />
     <TextView 
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@android:color/holo_blue_light"
        android:layout_gravity="center"

        />
     <TextView 
        android:layout_width="160dp"
        android:layout_height="160dp"
        android:background="@android:color/holo_green_light"
        android:layout_gravity="center"

        />
     <TextView 
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:background="@android:color/holo_orange_light"
        android:layout_gravity="center"

        />
     <TextView 
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:background="@android:color/white"
        android:layout_gravity="center"

        />


</FrameLayout>

4、表格布局效果图如下：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchColumns="1" >
    <TableRow 
        android:background="@android:color/black"
        >
       <TextView 
           android:layout_column="1"
           android:text="open"
           android:textColor="@android:color/white"

           /> 
         <TextView 

           android:text="ctrl-0"
           android:textColor="@android:color/white"
           android:gravity="right"
           /> 

    </TableRow>
    <TableRow 
        android:background="@android:color/black"
        >
      <TextView 
          android:layout_column="1"
           android:text="save"
           android:textColor="@android:color/white"
         />  

      <TextView 
           android:text="ctrl-s"
           android:textColor="@android:color/white"
           android:gravity="right"
           />  

    </TableRow>
    <TableRow 
        android:background="@android:color/black"
        >
        <TextView 
          android:layout_column="1"
           android:text="save as"
           android:textColor="@android:color/white"


          />  
      <TextView 

           android:text="ctrl-shift-s"
           android:textColor="@android:color/white"

           />  

     </TableRow>
     <TextView 
         android:layout_height="1dp"
         android:background="@android:color/white"
         />

      <TableRow 
          android:background="@android:color/black"
        >
        <TextView 
           android:text="x "
           android:textColor="@android:color/white"
           />  
        <TextView 
           android:layout_span="2"
           android:text="import"
           android:textColor="@android:color/white"

           />  
     </TableRow>

     <TableRow 
          android:background="@android:color/black"
        >
        <TextView 

           android:text="x "
           android:textColor="@android:color/white"


          />  
        <TextView 

           android:text="export"
           android:textColor="@android:color/white"

           />  
         <TextView 

           android:text="ctrl-e"
           android:textColor="@android:color/white"
           android:gravity="right"
           />  


     </TableRow>
     <TextView 
         android:layout_height="1dp"
         android:background="@android:color/white"
         />

     <TableRow 
        android:background="@android:color/black"
        >
        <TextView 
          android:layout_column="1"
          android:text="save as"
          android:textColor="@android:color/white"
          android:layout_span="2" 

          />  


     </TableRow>


</TableLayout>