Android五种布局模式管理

学习了一段时间的android，结果发现对其布局还不是很了解，回头重新温习下，希望给和我一样困惑的朋友带来帮助,如有描述不对的地方，还请指正。

android分为5种布局模型：

1、 线性布局（LinearLayout）

描述：最简单布局方式，依次向下进行排列。

 

<? xml version="1.0" encoding="utf-8" ?>
< LinearLayout  xmlns:android ="http://schemas.android.com/apk/res/android"
        android:orientation ="vertical"
        android:layout_width ="fill_parent"
        android:layout_height ="fill_parent" >
     < Button  android:text ="Up"  
        android:id ="@+id/Button03"  
        android:layout_width ="fill_parent"  
        android:layout_height ="wrap_content" ></ Button >
        
     < LinearLayout  xmlns:android ="http://schemas.android.com/apk/res/android"
        android:orientation ="horizontal"  
        android:layout_width ="fill_parent"
        android:layout_height ="fill_parent" >         
     < Button  android:text ="left"  
        android:id ="@+id/Button01"  
        android:width ="120px"
        android:layout_width ="wrap_content"  
        android:layout_height ="wrap_content" ></ Button >     
     < Button 
         android:text ="right"  
        android:id ="@+id/Button02"  
        android:width ="120px"
        android:layout_width ="wrap_content"  
        android:layout_height ="wrap_content" ></ Button >
     </ LinearLayout >
</ LinearLayout >

2、 表格布局（TableLayout）

描述：类似于HTML table ，在其中间添加View 或是<TableRow></TableRow>控件。

 

<? xml version="1.0" encoding="utf-8" ?>
< TableLayout 
     xmlns:android ="http://schemas.android.com/apk/res/android"
    android:id ="@+id/TableLayout01"
    android:layout_width ="fill_parent"  android:layout_height ="fill_parent" >
     < TableRow  android:gravity ="center" >
       < Button 
             android:text ="@+id/Button01"  
            android:id ="@+id/Button01"  
            android:layout_width ="wrap_content"  
            android:layout_height ="wrap_content" >
        </ Button >
     </ TableRow >
     < TableRow  android:gravity ="center" >
         < TextView  android:text ="第一行第0列"  
                  android:layout_width ="wrap_content"  
                  android:layout_height ="wrap_content" ></ TextView >
         < TextView  android:text ="第一行第1列"  
                  android:layout_width ="wrap_content"  
                  android:layout_height ="wrap_content" ></ TextView >
     </ TableRow >
      < TableRow  android:gravity ="center" >
         < TextView  android:text ="第二行第0列"  
                  android:layout_width ="wrap_content"  
                  android:layout_height ="wrap_content" ></ TextView >
         < TextView  android:text ="第二行第1列"  
                  android:layout_width ="wrap_content"  
                  android:layout_height ="wrap_content" ></ TextView >
     </ TableRow >
</ TableLayout >

3、 单帧布局（FrameLayout）

描述：没发现特别的，感觉和线性布局差不多，类似于HTML层叠

<? xml version="1.0" encoding="utf-8" ?>
< FrameLayout 
     xmlns:android ="http://schemas.android.com/apk/res/android"
    android:layout_width ="wrap_content"  
    android:layout_height ="wrap_content" >
     < ImageView 
         android:id ="@+id/ImageView01"
        android:src ="@drawable/circle_blue"
        android:layout_width ="wrap_content"  
        android:layout_height ="wrap_content" >
     </ ImageView >
     < ImageView 
         android:id ="@+id/ImageView02"
        android:src ="@drawable/circle_green"
        android:layout_width ="wrap_content"  
        android:layout_height ="wrap_content" >
     </ ImageView >
     < ImageView 
         android:id ="@+id/ImageView03"
        android:src ="@drawable/circle_red"
        android:layout_width ="wrap_content"  
        android:layout_height ="wrap_content" >
     </ ImageView >
    
</ FrameLayout >

4、 相对布局（RelativeLayout）

描述：取决于对参照控件进行布局，父控件和子控件均可

常用属性：android:layout_centerInParent=”true/false”        

          android:layout_above, android:layout_below
android:layout_alignleft, android:layout_alignright.

<? xml version="1.0" encoding="utf-8" ?>
< RelativeLayout  xmlns:android ="http://schemas.android.com/apk/res/android"
    android:layout_width ="fill_parent"  android:layout_height ="fill_parent" >
      < Button
           android:id ="@+id/btnmiddle"
          android:text ="MiddleButton"
          android:layout_width ="200px"
          android:layout_height ="wrap_content"
          android:layout_centerInParent ="true" >      
      </ Button >
       < Button
           android:id ="@+id/btnup"
          android:text ="UpButton"
          android:layout_width ="100px"
          android:layout_height ="wrap_content"           
          android:layout_above ="@id/btnmiddle"
          android:layout_alignLeft ="@id/btnmiddle" >      
      </ Button >
       < Button
           android:id ="@+id/btndown"
          android:text ="downButton"
          android:layout_width ="100px"
          android:layout_height ="wrap_content"           
          android:layout_below ="@id/btnmiddle"
          android:layout_alignRight ="@id/btnmiddle" >      
      </ Button >
</ RelativeLayout >

5、 坐标布局（AbsoluteLayout）

描述：对其控件进行直接定位，增加灵活性。

常用属性：android:layout_x,android:layout_y.

<? xml version="1.0" encoding="utf-8" ?>
< AbsoluteLayout
   xmlns:android ="http://schemas.android.com/apk/res/android"
  android:layout_width ="wrap_content"
  android:layout_height ="wrap_content" >
  
   < TextView 
        android:layout_width ="wrap_content"  
       android:text ="UserName:"  
       android:layout_height ="wrap_content"  
       android:id ="@+id/tvName"  
       android:layout_y ="20dip"  
       android:layout_x ="50dip" >
        </ TextView >
    < TextView 
        android:layout_width ="wrap_content"  
       android:text ="Password:"  
       android:layout_height ="wrap_content"  
       android:id ="@+id/tvPassword"  
       android:layout_y ="100dip"  
       android:layout_x ="55dip" >
        </ TextView >
       
    < EditText
        android:layout_width ="150px"  
       android:layout_height ="wrap_content"  
       android:id ="@+id/tvPassword"  
       android:layout_y ="10dip"  
       android:layout_x ="120dip" >
        </ EditText >
    < EditText
        android:layout_width ="150px"  
       android:layout_height ="wrap_content"  
       android:id ="@+id/tvPassword"  
       android:layout_y ="90dip"  
       android:layout_x ="120dip" >
        </ EditText >
</ AbsoluteLayout >

MyLayout.java

package  com.jay.Layout;

import  android.app.Activity;
import  android.os.Bundle;
import  android.view.View;
import  android.view.View.OnClickListener;
import  android.widget.Button;

public   class  MyLayout  extends  Activity {
     /**  Called when the activity is first created.  */
     private  Button btnLinearlayout;

     private  Button btnTablayout;

     private  Button btnRelativelayout;

     private  Button btnFramelayout;

     private  Button btnAbsolutelayout;

    OnClickListener listener;

    @Override
     public   void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
        setContentView(R.layout.main);
        CreateControl();

        listener  =   new  OnClickListener() {

            @Override
             public   void  onClick(View v) {
                 //  TODO Auto-generated method stub
                 switch  (v.getId()) {
                     case  R.id.btnlinearlayout:
                        setTitle( " 线性布局 " );
                        setContentView(R.layout.linearlayout);
                         break ;
                     case  R.id.btntableayout:
                        setTitle( " 表格布局 " );
                        setContentView(R.layout.tablelayout);
                         break ;
                     case  R.id.btnrelativelayout:
                        setTitle( " 相对布局 " );
                        setContentView(R.layout.relativelayout);
                         break ;
                     case  R.id.btnfreamelayout:
                        setTitle( " 单帧布局 " );
                        setContentView(R.layout.framelayout);
                         break ;
                     case  R.id.btnabsolutelayout:
                        setTitle( " 坐标布局 " );
                        setContentView(R.layout.absolutelayout);
                         break ;
                }
            }
        };
        btnLinearlayout.setOnClickListener(listener);
        btnTablayout.setOnClickListener(listener);
        btnRelativelayout.setOnClickListener(listener);
        btnFramelayout.setOnClickListener(listener);
        btnAbsolutelayout.setOnClickListener(listener);
    }

     private   void  CreateControl() {
         //  TODO Auto-generated method stub
        btnLinearlayout  =  (Button)findViewById(R.id.btnlinearlayout);
        btnTablayout  =  (Button)findViewById(R.id.btntableayout);
        btnRelativelayout  =  (Button)findViewById(R.id.btnrelativelayout);
        btnFramelayout  =  (Button)findViewById(R.id.btnfreamelayout);
        btnAbsolutelayout  =  (Button)findViewById(R.id.btnabsolutelayout);
    }
}

附上源码：

/Files/renjie/Jay_Layout.rar

转载于:https://www.cnblogs.com/renjie/archive/2011/03/31/2000183.html