六大布局之FrameLayout

longmon 发布于2019-08-19 10:31 / 766人阅读

摘要：举例，有个第一层为公司，第二层为办公室，第三层为工位，第四层是程序猿。若不设置的位置，则此四个文字都将默显示在左上角，并且公司在最下面，程序猿在最上面。

前言

上一期我们给大家讲解了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，里面有各种大神回答小伙伴们遇到的问题哦~

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/76159.html

六大布局之RelativeLayout

摘要：前言上一期我们给大家讲解了的使用，这一期我们为大家讲解一下相对布局的使用，是的六大布局之一，也是我们常用的布局之一，下面我们一起开始学习吧简介相对布局允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。前言上一期我们给大家讲解了FrameLayout的使用，这一期我们为大家讲解一下RelativeLayout（相对布局）的使用，RelativeLa...

chenjiang3 2019-08-19 10:32 评论0 收藏0
六大布局之非常用布局

摘要：六大布局之简介表格布局是将子分别排列成行和列的布局，是由许多对象组成的，表格布局以行列的形式管理子控件，每一个单元是一个或者对象。前言 Hi，大家好，新的一周开始啦，让我们继续遨游在Android的知识海洋中吧！上一次我们讲到了RelativeLayout，相信不少小伙伴已经着手实战，那么今天我们为大家带来六大布局中剩下的三个布局。本篇文章可以和前面的FrameLayout一同归类到...

linkFly 2019-08-19 10:32 评论0 收藏0
六大布局之LinearLayout

摘要：什么是界面布局为应用程序提供界面架构。线性布局指子控件以水平或垂直方式排列，正如其名字一样，这个布局中的所有控件在线性方向上依次排列。可以把布局看作是一个可以放置很多控件的容器，它可以按照一定的规律调整控件的位置，从而实现精美的界面。 1. 什么是Layout？ Layout——界面布局,为应用程序提供界面架构。控制Activity中控件的大小、位置、颜色等属性的方法. Layout...

Travis 2019-08-19 10:31 评论0 收藏0