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"
    android:orientation="vertical">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="100dp"
        android:textColor="#9c27b0"
        android:text="第一层"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="80dp"
        android:textColor="#e91e63"
        android:text="第二层"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="60dp"
        android:textColor="#e51c23"
        android:text="第三层"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="40dp"
        android:textColor="#5677fc"
        android:text="第四层"/>
</FrameLayout>
实际效果如下： 

FrameLayout是最简单的布局了。所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。
在FrameLayout布局里，定义任何空间的位置相关的属性都毫无意义。控件自动的堆放在左上角，根本不听你的控制。


有些情况下，我们可能必须要用到Framelayout。
这时候我们只需要记住一个标准：后面的代码总是会覆盖在前面代码之上，但是根据面积来覆盖的，所以可以通过调整代码先后顺序来实现效果。

Framelayout又称作帧布局，主要用于进行层次结构的布局，这种布局没有方便的定位方式。想把两个组件叠加到一起形成一张图像的效果就可以用FrameLayout。

如：在图片中添加文字



                <FrameLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1">

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:scaleType="centerCrop"
                        android:src="@mipmap/img_files" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal|bottom"
                        android:layout_marginBottom="20dp"
                        android:text="Files"
                        android:textColor="@color/white"
                        android:textSize="20sp" />
                </FrameLayout>

 

1. 什么是FrameLayout布局?

FrameLayout布局是最简单的布局方式，所有添加到这个布局中的视图都是以层叠的方式显示。第一个添加到布局中视图显示在最底层，最后一个被放在最顶层。上一层的视图会覆盖下一层的视图，因此该布局类似于堆栈布局。注意点：a.默认对其方式是左上角对其。b.若要设置子视图的位置，要设置layout_gravity属性值。


2.FrameLayout如何设置其子视图(例如ImageView)的位置？

通过layout_gravity设定值，再配合layout_marginTop，layout_marginLeft来设置位置。

举例，下面程序结果截图中，有4幅图：第一层图天空大背景，第二层图是鸟图，第三层图是观音菩萨图，第四层图是汽车图。若不设置ImageView的位置，则此四幅图都将默显示在左上角，并且第一层图在最下面，第四层图在最上面。要实现图中四幅图的位置效果，则分别对应以下设置：

a. 第一层天空背景图 : layout_gravity="center"

b. 第二层鸟图 : layout_gravity = "center" layout_marginTop="-70dp" (注意：此处是负数，因为 layout_gravity = "center" 表示水平和垂直方向上居中，基准线为视图水平和垂直方向的中点，因为鸟在基准线的上方向(负方向)，所以为负数)

c. 第三层观音菩萨图 ：layout_gravity="top" layout_marginTop="20dp" layout_marginLeft="20dp' (注意：layout_gravity="top" 表示垂直方向顶端对齐，而水平方向是默认左对齐)

d. 第四层汽车图 : layout_gravity="center" layout_marginTop="40dp" (对应第二层鸟图的分析，就很容易理解，汽车在基准线下方向（正方向），所以为负数。并且注意：此处的基准线不是屏幕的最上方，而是水平和垂直方向各自的中心线)

以上的分析，请参考下图实际程序运行结果图和视图代码。

--------------------------------------------------------------------------------------------------------------------------------




程序运行结果图：




<frameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <imageview
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/sky2" >

        <imageview
            android:layout_width="40dp"
            android:layout_height="26dp"
            android:layout_gravity="center"
            android:layout_margintop="-70dp"
            android:background="@drawable/bird" >

            <imageview
                android:layout_width="75dp"
                android:layout_height="98dp"
                android:layout_gravity="top"
                android:layout_marginleft="20dp"
                android:layout_margintop="20dp"
                android:background="@drawable/guanyinpusa" >

                <imageview
                    android:layout_width="80dp"
                    android:layout_height="50dp"
                    android:layout_gravity="center"
                    android:layout_margintop="40dp"
                    android:background="@drawable/car" >
                </imageview>
            </imageview>
        </imageview>
    </imageview>

</frameLayout>
其他实例：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/white" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/big"
        android:textColor="@color/red"
        android:textSize="60sp" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/middle"
        android:textColor="@color/blue"
        android:textSize="40sp" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/samll"
        android:textColor="@color/black"
        android:textSize="20sp" />

</FrameLayout>