«

Android UI之FrameLayout(帧布局)

时间:2024-3-2 17:22     作者:韩俊     分类: Android


Android UI之FrameLayout(帧布局)

说明:帧布局会为每个包含其中的组件开辟一个空白区域(称为帧),这些帧是一层层叠加在一起的,有点类似于一层层覆盖贴上去的海报,后面的组件会把前面的组件覆盖住。

FrameLayout有两个比较特殊的常用属性需要注意:

1 android:foreground

对应方法:setForeground(Drawable)
说明:设置帧布局的前景图像,一般为布局添加pressed状态会用到这个属性来指定一个Drawable类型对象。
举个栗子:

<FrameLayout
    android:foreground="@drawable/muogu"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="320dp"
        android:height="320dp"
        android:layout_gravity="center"
        android:background="#3399AA" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="280dp"
        android:height="280dp"
        android:layout_gravity="center"
        android:background="#AA77AA" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="240dp"
        android:height="240dp"
        android:layout_gravity="center"
        android:background="#662288" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="200dp"
        android:height="200dp"
        android:layout_gravity="center"
        android:background="#895511" />
    <ImageView
        android:layout_width="160dp"
        android:layout_height="160dp"
        android:layout_gravity="center"
        android:scaleType="fitXY"
        android:src="@drawable/nailiu16" />
</FrameLayout>

可以看到设置了foreground为小蘑菇的图片之后,图片直接拉伸占据满了整个FrameLayout,并将FrameLayout中所有的组件都遮盖住了。这就是相对与背景色的前景色的效果。

2 foregroundGravity

对应方法:setForegroundGravity(int)
说明:看名字就知道,肯定是跟前景色摆放有关。没错,这个属性的功能就是定义前景图像的gravity属性,所以这个属性必须配合foreground使用。而其中的可选项更gravity是一样的,可以在我之前的《 Android UI之LinearLayout(线性布局)》中找到属性表。
举个栗子:

<FrameLayout
    android:foreground="@drawable/muogu"
    android:layout_width="fill_parent"
    android:foregroundGravity="bottom|right"
    android:layout_height="fill_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="320dp"
        android:height="320dp"
        android:layout_gravity="center"
        android:background="#3399AA" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="280dp"
        android:height="280dp"
        android:layout_gravity="center"
        android:background="#AA77AA" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="240dp"
        android:height="240dp"
        android:layout_gravity="center"
        android:background="#662288" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:width="200dp"
        android:height="200dp"
        android:layout_gravity="center"
        android:background="#895511" />
    <ImageView
        android:layout_width="160dp"
        android:layout_height="160dp"
        android:layout_gravity="center"
        android:scaleType="fitXY"
        android:src="@drawable/nailiu16" />
</FrameLayout>

这里的代码更上边的唯一区别就是在FrameLayout中添加了下面这行代码。

android:foregroundGravity="bottom|right"

可以看到前景图像还原到了原有大小,而且按照设置放到了右下角,这样,FrameLayout中的子组件就显示出来了。

附:引用声明

《疯狂Android讲义(第二版)》 李刚 《2.2.3 帧布局》 电子工业出版社

标签: android

热门推荐