Android 学习笔记（二）： 布局概述

一，线性布局（LinearLayout）
以线性方向显示它的子视图（view）元素，垂直或水平,
Android:orientation值为“vertical”垂直排列，"horizontal"即为水平排列，

[html] <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:orientation="vertical" >

    <Button Android:layout_width="match_parent" Android:layout_height="wrap_content"
        Android:id="@+id/button1" Android:text="线"  ></Button>
    <Button Android:layout_width="match_parent" Android:layout_height="wrap_content"
        Android:id="@+id/button2" Android:text="性"  ></Button>
    <Button Android:layout_width="match_parent" Android:layout_height="wrap_content"
        Android:id="@+id/button3" Android:text="布"  ></Button>
    <Button Android:layout_width="match_parent" Android:layout_height="wrap_content"
        Android:id="@+id/button4" Android:text="局"  ></Button>

</LinearLayout>





二，相对布局（RelativeLayout）

[html] <?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:layout_width="wrap_content" Android:layout_height="wrap_content"
        Android:id="@+id/button1" Android:text="相"  
        Android:layout_alignParentLeft="true"></Button>
    <Button Android:layout_width="fill_parent" Android:layout_height="wrap_content"
        Android:id="@+id/button2" Android:text="对"  
        Android:layout_below="@+id/button1"></Button>
    <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
        Android:id="@+id/button3" Android:text="布"  
        Android:layout_below="@+id/button2"
        Android:layout_toLeftOf="@+id/button4" Android:layout_alignTop="@+id/button4"></Button>
    <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
        Android:id="@+id/button4" Android:text="局"  
        Android:layout_below="@+id/button2"
        Android:layout_alignParentRight="true"></Button>

</RelativeLayout>
<?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:layout_width="wrap_content" Android:layout_height="wrap_content"
     Android:id="@+id/button1" Android:text="相"
     Android:layout_alignParentLeft="true"></Button>
<Button Android:layout_width="fill_parent" Android:layout_height="wrap_content"
     Android:id="@+id/button2" Android:text="对"
     Android:layout_below="@+id/button1"></Button>
<Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
     Android:id="@+id/button3" Android:text="布"
     Android:layout_below="@+id/button2"
     Android:layout_toLeftOf="@+id/button4" Android:layout_alignTop="@+id/button4"></Button>
<Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
     Android:id="@+id/button4" Android:text="局"
     Android:layout_below="@+id/button2"
     Android:layout_alignParentRight="true"></Button>
</RelativeLayout>




三，表格布局（TableLayout）

[html] <?xml version="1.0" encoding="utf-8"?>
<TableLayout  xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    AndroidhrinkColumns="0,1,2">
    <TableRow>
        <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
            Android:id="@+id/button1" Android:text="表格布局------"  
            Android:layout_column="0"></Button>
        <Button Android:layout_width="fill_parent" Android:layout_height="wrap_content"
            Android:id="@+id/button2" Android:text="表格布局------"  
            Android:layout_column="1"></Button>
    </TableRow>
    <TableRow>
        <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
            Android:id="@+id/button3" Android:text="表格布局------"  
            Android:layout_column="1"></Button>
    </TableRow>
    <TableRow>
        <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
            Android:id="@+id/button4" Android:text="表格布局------"  
            Android:layout_column="2"></Button>
    </TableRow>
</TableLayout >
<?xml version="1.0" encoding="utf-8"?>
<TableLayout  xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    AndroidhrinkColumns="0,1,2">
<TableRow>
  <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
      Android:id="@+id/button1" Android:text="表格布局------"
      Android:layout_column="0"></Button>
  <Button Android:layout_width="fill_parent" Android:layout_height="wrap_content"
      Android:id="@+id/button2" Android:text="表格布局------"
      Android:layout_column="1"></Button>
</TableRow>
<TableRow>
  <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
      Android:id="@+id/button3" Android:text="表格布局------"
      Android:layout_column="1"></Button>
</TableRow>
<TableRow>
  <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
      Android:id="@+id/button4" Android:text="表格布局------"
      Android:layout_column="2"></Button>
</TableRow>
</TableLayout >





四，绝对布局（AbsoluteLayout）

[html] <?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    AndroidhrinkColumns="0,1,2">
        <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
            Android:id="@+id/button1" Android:text="绝对布局"></Button>
        <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
            Android:id="@+id/button2" Android:text="绝对布局"    
            Android:layout_x="160dip"></Button>
        <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
            Android:id="@+id/button3" Android:text="绝对布局"    
            Android:layout_y="50dip"></Button>

        <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
            Android:id="@+id/button4" Android:text="绝对布局"    
            Android:layout_x="160dip" Android:layout_y="150dip"></Button>
</AbsoluteLayout>
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    AndroidhrinkColumns="0,1,2">
  <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
      Android:id="@+id/button1" Android:text="绝对布局"></Button>
  <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
      Android:id="@+id/button2" Android:text="绝对布局"
      Android:layout_x="160dip"></Button>
  <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
      Android:id="@+id/button3" Android:text="绝对布局"
      Android:layout_y="50dip"></Button>
  <Button Android:layout_width="wrap_content" Android:layout_height="wrap_content"
      Android:id="@+id/button4" Android:text="绝对布局"
      Android:layout_x="160dip" Android:layout_y="150dip"></Button>
</AbsoluteLayout>




摘自  柒尐狐的专栏