FrameLayout布局怎么使用,如何设置其子视图
Admin 2022-05-23 群英技术资讯 598 次浏览
这一期我们为大家讲解一下FrameLayout(帧布局)的使用,相较于其他布局,FrameLayout可以说的上是最简单的一个,并且其使用范围相对来说也相对较小,但是也是Android中的六大布局之一,面试的时候还是会碰到的,所以让我们赶紧开始学习吧~
简介
在FrameLayout中,这个布局直接在屏幕上开辟出一块空白的区域,所有添加到这个布局中的视图都是以层叠的方式显示,而它会把这些试图默认放到这块区域的左上角,第一个添加到布局中视图显示在最底层,最后一个被放在最顶层。上一层的视图会覆盖下一层的视图,因此该布局类似于堆栈布局,这就是FrameLayout为什么被使用较少的原因。
1.常用属性
FrameLayout的常用属性很少就两个
两个属性:
前景图像:永远处于帧布局最上面,直接面对用户的图像,就是不会被覆盖的图片。
可能有的小伙伴对这个解释比较模糊,那么我们来用实际操作让大家直观的感受一下到底是什么意思吧!
上图中可以看到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中吧。已经跟着我们一直在实战的小伙伴,希望你们也可以回顾一下之前文章,子曰:学而时习之,不亦说乎?~
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了AmazeUI图片轮播效果的示例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
这篇文章给大家分享的是用CSS怎样实现头像图片的弹出效果的示例,实现效果如果,鼠标移过有图像弹出来的效果,小编觉得挺实用的,因此分享给大家做个参考,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编看看吧。
我们可以根据实际的需要选择合适的CSS代码样式添加到自己的网页模板的代码中实现网页灰色、黑白样式。
我们都应该知道canvas可以用于在浏览器上绘制各种各样的图,那么,如何使用canvas画一个圆形呢?本篇文章将给大家介绍关于使用canvas画一个圆形的三种动态实现方法。
这篇文章给大家分享的是用CSS怎样实现表单验证的方法。在实际的项目中,表单验证是个很常见的需求,例如登录注册这些都会使用到表单验证。这里我们主要看如何纯CSS实现,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008