六大布局之FrameLayout

前言

上一期咱们给你们讲解了LinearLayout，这一期咱们为你们讲解一下FrameLayout（帧布局）的使用，相较于其余布局，FrameLayout能够说的上是最简单的一个，而且其使用范围相对来讲也相对较小，可是也是Android中的六大布局之一，面试的时候仍是会碰到的，因此让咱们赶忙开始学习吧~

简介

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

1.经常使用属性

FrameLayout的经常使用属性不多就两个

两个属性:

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

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

可能有的小伙伴对这个解释比较模糊，那么咱们来用实际操做让你们直观的感觉一下究竟是什么意思吧！

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

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

2.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" (对应第二层办公室的分析，就很容易理解，程序猿在基准线下方向（正方向），因此为负数。而且注意：此处的基准线不是屏幕的最上方，而是水平和垂直方向各自的中心线)

最终效果图为：

结语

关于FrameLayout的介绍就到这里啦，阔能部分小伙伴以为今天的文章内容不是太多，主要是由于FrameLayout在实际项目中应用到的场景很是之少，因此你们简单了解一哈就行了。可是！！！小伙伴们跟着咱们一块儿学习已经有一周时间，相信确定还有一小部分同窗没有建立本身的第一个项目，因此指望大家赶忙行动起来，将这一周的精彩内容都写入你的第一个我的demo中吧。已经跟着咱们一直在实战的小伙伴，但愿大家也能够回顾一下以前文章，子曰：学而时习之，不亦说乎？~

PS:若是还有未看懂的小伙伴，欢迎加入咱们的QQ技术交流群：892271582，里面有各类大神回答小伙伴们遇到的问题哦~