第三章 界面UI的基石—UI布局（3）

3.2.4框架布局（FrameLayout）

FrameLayout是五大布局中最简单的一个布局，也称为层布局或者是帧布局。在这个布局中，整个界面被当成一块空白备用区域，所有的子元素都不能被指定放置的位置，它们统统放于这块区域的左上角，层叠式排列。此布局无法控制子控件的大小和位置，但是子控件自身可以控件其大小和位置。后一个子元素将会直接在前一个子元素之上进行覆盖填充，把它们部份或全部挡住（除非后一个子元素是透明的）。此布局通常用于游戏或者处理一些画廊程序。

我们也以一个简单的例子来说明。

<?xml version="1.0" encoding="utf-8"?> <FrameLayout     xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_width="match_parent"     android:layout_height="match_parent">     <TextView         android:layout_width="200dp"         android:layout_height="200dp"         android:background="@android:color/white"         android:gravity="bottom|center_horizontal"         android:text="text"         android:textColor="@android:color/black"/>     <ImageView         android:layout_width="100dp"         android:layout_height="100dp"         android:background="@drawable/icon"/>\     <Button         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="确定"/> </FrameLayout>

 

效果图如图3-6所示。

图3-6FrameLayout框架布局（一）

 

我们可以看到，这些控件一个个全叠加在左上角，并且一层覆盖一层。接着我们通过layout_gravity属性来改变他们的位置再来看一下。

<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_width="match_parent"     android:layout_height="match_parent">     <TextView         android:layout_width="200dp"         android:layout_height="200dp"         android:background="@android:color/white"         android:layout_gravity="right"         android:gravity="bottom|center_horizontal"         android:text="text"         android:textColor="@android:color/black"/>     <ImageView         android:layout_width="100dp"         android:layout_height="100dp"         android:layout_gravity="center_horizontal"         android:background="@drawable/icon"/>     <Button         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center_horizontal"         android:layout_marginTop="20dp"         android:text="确定"/> </FrameLayout>

 

--------------------------------------------

试着放个广告 现在没工作 要生存 没办法

平安陆金所 隶属于平安集团的p2p平台

年投资回报率7%－9% 是替代银行理财的首选

个人经验教训 推荐投资安鑫或者有担保的彩虹项目

不要投资安e 那个几乎无法转让 想提前提现非常困难

注册链接  http://affiliate.lufax.com/action/36XBU

用此链接注册 你我都会有几十元的额外现金奖励

--------------------------------------------

效果如图3-7所示。

图3-7FrameLayout框架布局（二）