Android 布局之FrameLayout

1 .FrameLayout简介

在FrameLayout中，这个布局直接在屏幕上开辟出一块空白的区域，所有添加到这个布局中的视图都是以层叠的方式显示，而它会把这些试图默认放到这块区域的左上角，第一个添加到布局中视图显示在最底层，最后一个被放在最顶层。上一层的视图会覆盖下一层的视图，因此该布局类似于堆栈布局，这就是FrameLayout为什么被使用较少的原因。

layout_gravity可以使用如下取值：

top ：将对象放在其容器的顶部，不改变其大小.

bottom：将对象放在其容器的底部，不改变其大小.

left：将对象放在其容器的左侧，不改变其大小.

right：将对象放在其容器的右侧，不改变其大小.

center_vertical：将对象纵向居中，不改变其大小.

 垂直对齐方式：垂直方向上居中对齐。

fill_vertical：必要的时候增加对象的纵向大小，以完全充满其容器. 

垂直方向填充

center_horizontal：将对象横向居中，不改变其大小. 

水平对齐方式：水平方向上居中对齐

fill_horizontal：必要的时候增加对象的横向大小，以完全充满其容器. 

水平方向填充：center

将对象横纵居中，不改变其大小.

fill：必要的时候增加对象的横纵向大小，以完全充满其容器.

clip_vertical：附加选项，用于按照容器的边来剪切对象的顶部和/或底部的内容. 剪切基于其纵向对齐设置：顶部对齐时，剪切底部；底部对齐时剪切顶部；除此之外剪切顶部和底部.

垂直方向裁剪

clip_horizontal

附加选项，用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置：左侧对齐时，剪切右侧；右侧对齐时剪切左侧；除此之外剪切左侧和右侧.

水平方向裁剪

注意: 区分“android:gravity”和“android:layout_gravity”。

android:gravity  ：是对控件本身来说的，是用来设置“控件自身的内容”应该显示在“控件自身体积”的什么位置,默认值是左侧。

android:layout_gravity：是相对于控件的父元素来说的，设置该控件在它的父元素的什么位置

2. 常用属性

FrameLayout的常用属性很少就两个

两个属性:

• **android:foreground:**设置改帧布局容器的前景图像
• **android:foregroundGravity:**设置前景图像显示的位置

前景图像:永远处于帧布局最上面,直接面对用户的图像,就是不会被覆盖的图片。

可能有的小伙伴对这个解释比较模糊，那么我们来用实际操作让大家直观的感受一下到底是什么意思吧

上图中可以看到background顾名思义就是设置背景，那么前景是什么，相信小伙伴们已经有点概念了，让我们继续往下看吧

相信小伙伴们看完上图已经彻底明白了什么是前景图像，同样的代码，只是将background变成foreground，可以明确的看出图1中HelloWord依然可以看到，但是在图2中，已经被挡住。我们可以这样简单的去理解，foreground其实就是一本书的封面，它把书中的内容全部遮盖住了。
作者：下码看花

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

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

举例，有4个TextView：第一层为公司，第二层为办公室，第三层为工位，第四层是程序猿。若不设置TextView的位置，则此四个文字都将默显示在左上角，并且公司在最下面，程序猿在最上面。要实现图中四幅图的位置效果，则分别对应以下设置：

（1）第一层公司 :android: layout_gravity=“center”
（2） 第二层办公室 :android: layout_gravity = “center” android:layout_marginTop=”-150dp” (注意：此处是负数，因为 android:layout_gravity = “center” 表示水平和垂直方向上居中，基准线为视图水平和垂直方向的中点，因为办公室在基准线的上方向(负方向)，所以为负数)
（3）第三层工位 ：android:layout_gravity=“top” android:layout_marginTop=“40dp” android:layout_marginLeft=”40dp’ (注意：android:layout_gravity=“top” 表示垂直方向顶端对齐，而水平方向是默认左对齐)
（4）第四层程序猿 : android:layout_gravity=“center” android:layout_marginTop=“80dp” (对应第二层办公室的分析，就很容易理解，程序猿在基准线下方向（正方向），所以为负数。并且注意：此处的基准线不是屏幕的最上方，而是水平和垂直方向各自的中心线)

最终效果图为：