为了账号安全,请及时绑定邮箱和手机立即绑定

Android零基础入门第30节:两分钟掌握FrameLayout帧布局

标签:
Android

前面学习了线性布局、相对布局、表格布局,那么本期来学习第四种布局——FrameLayout帧布局。

  一、认识FrameLayout

帧布局是Android布局中最简单的一种,使用FrameLayout标签。

帧布局为每个加入其中的控件创建一个空白区域(称为一帧,每个控件占据一 帧)。釆用帧布局方式设计界面时,只能在屏幕左上角显示一个控件,如果添加多个控件,这些控件会按照顺序在屏幕的左上角重叠显示。

下表显示了 FrameLayout常用的XML属性及相关方法说明。FrameLayout包含的子元素也受FrameLayout.LayoutParams控制,因此它所包含的子元素也可指定android:layout_gravity属性,该属性控制该子元素在FrameLayout中的对齐方式。

二、示例

接下来通过一个简单的示例程序来学习FrameLayout的使用用法。

同样使用WidgetSample工程,继续使用app/main/res/layout/目录下的activity_main.xml文件,在其中填充如下代码片段:

[代码]xml代码:

?

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

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

 

    <TextView

        android:layout_width="300dp"

        android:layout_height="300dp"

        android:layout_gravity="center"

        android:background="#FF33ffff" />

    <TextView

        android:layout_width="240dp"

        android:layout_height="240dp"

        android:layout_gravity="center"

        android:background="#FF33ccff" />

    <TextView

        android:layout_width="180dp"

        android:layout_height="180dp"

        android:layout_gravity="center"

        android:background="#FF3399ff" />

    <TextView

        android:layout_width="120dp"

        android:layout_height="120dp"

        android:layout_gravity="center"

        android:background="#FF3366ff" />

    <TextView

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:layout_gravity="center"

        android:background="#FF3300ff" />

</FrameLayout>

上面的界面布局定义使用FrameLayout布局,并向该布局容器中添加了 5个TextView,这5个TextView的高度、宽度则逐渐减少——这样可以保证最先添加的 TextView不会被完全遮挡;而且我们设置了 5个TextView 的背景色渐变。

运行程序,可以看到效果:

帧布局在界面上是一帧一帧显示的,通常可以用于游戏开发中。

到此,FrameLayout的示例结束,关于FrameLayout的更多用法可以多动手练习。

 

今天就先到这里,如果有问题欢迎留言一起探讨,也欢迎加入Android零基础入门技术讨论微信群,共同成长!

原文链接:http://www.apkbus.com/blog-205190-68596.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消