Android学习笔记（三） UI布局

每一个布局都有其适合的方式，另外，这几个布局元素可以相互嵌套应用，做出美观的界面。

一、线性布局（LinearLayout）

线性布局，这个东西，从外框上可以理解为一个div，他首先是一个一个从上往下罗列在屏幕上。每一个LinearLayout里面又可分为垂直布局（android:orientation="vertical"）和水平布局（android:orientation="horizontal" ）。当垂直布局时，每一行就只有一个元素，多个元素依次垂直往下；水平布局时，只有一行，每一个元素依次向右排列。
    linearLayout中有一个重要的属性 android:layout_weight="1"，这个weight在垂直布局时，代表行距；水平的时候代表列宽；weight值越大就越大。

在XML文件中修改

<?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
        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>

效果如下:

 

二、相对布局（RelativeLayout）

相对布局可以理解为某一个元素为参照物，来定位的布局方式。

android：layout_方向 = id  表示 在这个id对应的控件的方向上（上|下）

android：layout_align方向  = id 表示和这个控件的（上下左右）对齐

android： layout_to方向Of  = id 表示在这个控件的左或者右
eg:

android:layout_below="@id/la1"/>            将当前控件放置于id为la1 的控件下方。

android:layout_alignParentRight="true"     使当前控件的右端和父控件的右端对齐。这里属性值只能为true或false，默认false。
               
                android:layout_marginLeft="10dip"          使当前控件左边空出相应的空间。
               
                android:layout_toLeftOf="@id/true"         使当前控件置于id为true的控件的左边。
               
                android:layout_alignTop="@id/ok"           使当前控件与id为ok的控件上端对齐。

<?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" >

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="请输入信息"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView2"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/editText1"
        android:text="取消" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button2"
        android:layout_alignBottom="@+id/button2"
        android:layout_toLeftOf="@+id/button2"
        android:text="确定" />

</RelativeLayout>

三、使用表格布局（TableLayout）来布局屏幕

三、表格布局（TableLayout）

表格布局类似Html里面的Table。每一个TableLayout里面有表格行TableRow，TableRow里面可以具体定义每一个元素。每个TableRow 都会定义一个 row （事实上，你可以定义其它的子对象，这在下面会解释到）。TableLayout 容器不会显示row 、cloumns 或cell 的边框线。每个 row 拥有0个或多个的cell ；每个cell 拥有一个View 对象。表格由列和行组成许多的单元格。表格允许单元格为空。单元格不能跨列，这与HTML 中的不一样。

<?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:id="@+id/Button01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button01" >
        </Button>
    </TableRow>

    <TableRow>

        <Button
            android:id="@+id/Button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button2" >
        </Button>
    </TableRow>

    <TableRow>

        <Button
            android:id="@+id/Button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="Button3" >
        </Button>

        <Button
            android:id="@+id/Button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="Button4" >
        </Button>
    </TableRow>

    <TableRow>

        <Button
            android:id="@+id/Button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:text="Button5" >
        </Button>
    </TableRow>

</TableLayout>

四、层布局（FrameLayout）

层布局是最简单的一种布局方法，它在屏幕上设置一个空白备用区域。不能为FrameLayout中的一个子元素制定一个位置，后一个子元素将会直接在前一个子元素之上进行覆盖填充，把他们部分或全部挡住。

在FrameLayout布局里，定义任何空间的位置相关的属性都毫无意义。控件自动的堆放在左上角，根本不听你的控制。所以一般比较少用

<?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="fill_parent"
    android:layout_height="wrap_content"
    android:textSize="50sp"
    android:textColor="#000000"
    android:text="第一层"/>
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textSize="40sp"
    android:textColor="#ffff00"
    android:text="第二层"/>
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textSize="30sp"
    android:textColor="#ff00ff"
    android:text="第三层"/>
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textSize="20sp"
    android:textColor="#00ffff"
    android:text="第四层"/>  

</FrameLayout>

效果图

aaarticlea/png;base64,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hAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLnLVS/kAAALbSURBVFCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4QCESLlCIhAsUIuEChUi4wNauXRseHr5q1arly5cvXLjw22+/nTp16oQJE0aNGhUQENC/f//evXv7+/v7+fn5+fn5EvJ2/D/IizbaakEmSAAAAABJRU5ErkJggg==" alt="" />