学Android---布局（三）FrameLayout

1、什么是FrameLayout：
帧布局。在这个布局中，所有的子元素都不能被指定放置的位置，它们统统放于这块区域的左上角，并且后面的子元素直接覆盖在前面的子元素之上，将前面的子元素部分或全部遮挡。

2、FrameLayout的应用：
它的应用比较常见的有两个方面。一是应用于多个活动的叠加，二是应用于在转动的进度条中显示加载进度。效果图如下：

需要注意的是：FrameLayout没有gravity属性，图片中的居中显示效果是通过设置子类控件的layout_gravity属性来实现的。

3、页面叠加的实现：
其实它的实现非常简单，用4个TextView就可以实现了，只要修改每个TextView的背景颜色和大小，然后将它们居中显示即可。完整代码如下：

<FrameLayout 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: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=".MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:text="第一个页面" 
        android:background="#785435"
        android:layout_gravity="center"/>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:text="第二个页面"
        android:background="#985764"
        android:layout_gravity="center"/>

    <TextView
        android:id="@+id/textView3"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:text="第三个页面" 
        android:background="#564238"
        android:layout_gravity="center"/>

    <TextView
        android:id="@+id/textView4"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="第四个页面" 
        android:background="#697524"
        android:layout_gravity="center"/>

</FrameLayout>

4、进度条文字显示的实现：

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

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="@string/progress" />

</FrameLayout>

它的实现就是添加一个ProgressBar及一个TextView，注意让二者重叠即可。