由于FameLayout比较简单，所有元素都是默认左上角开始，叠加显示。学习的属性较少

常用属性/设置

• android:foreground:设置改帧布局容器的前景图像
• android:foregroundGravity:设置前景图像显示的位置
  名称解释
  前景图像：永远处于帧布局最上面,直接面对用户的图像,就是不会被覆盖的图片。
  (个人理解：有些类似div中z-index 最大值，或者算是图像前置)

示例

1、res/layout/activity_frame_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    >
    <FrameLayout
        android:id="@+id/fl_one"
        android:background="@color/red"
        android:layout_width="300dp"
        android:layout_height="300dp"
        />
    <FrameLayout
        android:id="@+id/fl_two"
        android:background="@color/yellow"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:foreground="@drawable/ic_baseline_lock_24"
        android:foregroundGravity="center|bottom"
        />
    <FrameLayout
        android:id="@+id/fl_three"
        android:background="@color/green"
        android:layout_width="100dp"
        android:layout_height="100dp"
        />
</FrameLayout>

效果图

FrameLayout  

FrameLayout 又称单帧布局，是 Android 所提供的布局方式里最简单的布局方式，它指定屏幕上的一块空白区域，在该区域填充一个单一对象。例如图片、文字、按钮等。

应用程序开发人员不能为 FrameLayout 中填充的组件指定具体填充位置，默认情况下，这些组件都将被固定在屏幕的左上角，后放入的组件会放在前一个组件上进行覆盖填充，形成部分遮挡或全部遮挡。

开发人员可以通过组件的 android:layout_gravity 属性对组件位置进行适当的修改。

实例 FrameLayoutDemo 演示了 FrameLayout 的布局效果。该布局中共有 4 个 TextView 组件，前 3 个组件以默认方式放置到布局中，第 4 个组件修改 gravity 属性后放置到布局中，运行效果如图 所示。

实例 FrameLayoutDemo 中的布局文件 main.xml 的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--顶部的轮播-->
    <com.youth.banner.Banner
        android:id="@+id/banner_home_header"
        android:layout_width="match_parent"
        android:layout_height="240dp"/>

    <!--轮播下的布局-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!--功能区-->
        <RadioGroup
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="@drawable/bg_layout_border">
        </RadioGroup>

        <!--入住 离店日期选择-->
        <LinearLayout
            android:id="@+id/ll_home_date_select"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/bg_layout_border"
            android:paddingTop="5dp"
            android:paddingBottom="5dp"
            android:orientation="horizontal">

            <TextView
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <TextView
                android:id="@+id/tv_home_total_night"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="共n晚" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1" />

        </LinearLayout>

    </LinearLayout>

</LinearLayout>

其中：

android:layout_width="wrap_content"
android:layout_height="wrap_content"

表明 FrameLayout 布局覆盖了整个屏幕空间。

实例 FrameLayoutDemo 中的 strings.xml 文件内容如下：

<?xml version="1.0" encoding="UTF-8" ?>
<resources>
<string name="app_name">FrameLayoutDemo</string>
<string name="first">第一层</string>
<string name="second">第二层</string>
<string name="third">第三层</string>
<string name="forth">第四层</string>
</resources>

从运行后的结果可见，前 3 个被放置到 FrameLayout 的 TextView 组件都是以屏幕左上角为基点进行叠加的。第4个 TextView 因为设置了 android:layout_gravity="bottom" 属性而显示到了布局的下方。可自行将 android:layout_gravity 属性值修改为其他属性，查看运行效果。

从左上角开始绘制

常用属性
android:foreground 设置前景
android:foregroundGravity 设置前景位置

activity_main.xml

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

    <FrameLayout
        android:background="#ff0000"
        android:foreground="@drawable/tp"
        android:foregroundGravity="right|bottom"
        android:layout_width="400dp"
        android:layout_height="400dp"/>

    <FrameLayout
        android:background="#00ffff"
        android:foreground="@drawable/tp2"
        android:foregroundGravity="right|bottom"
        android:layout_width="200dp"
        android:layout_height="200dp"/>

    <FrameLayout
        android:background="#ff00ff"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

</FrameLayout>