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 帧布局》 电子工业出版社