Android布局FrameLayout的使用

序:本文介绍FrameLayout两点:1.FrameLayout是什么 2.FrameLayout如何设置其内子视图(例如ImageView)的位置。

1. 什么是FrameLayout布局?

    FrameLayout布局是最简单的布局方式,所有添加到这个布局中的视图都是以层叠的方式显示。第一个添加到布局中视图显示在最底层,最后一个被放在最顶层。上一层的视图会覆盖下一层的视图,因此该布局类似于堆栈布局。注意点:a.默认对其方式是左上角对其。b.若要设置子视图的位置,要设置layout_gravity属性值。

2.FrameLayout如何设置其子视图(例如ImageView)的位置?

    通过layout_gravity设定值,再配合layout_marginTop,layout_marginLeft来设置位置。

    举例,下面程序结果截图中,有4幅图:第一层图天空大背景,第二层图是鸟图,第三层图是观音菩萨图,第四层图是汽车图。若不设置ImageView的位置,则此四幅图都将默显示在左上角,并且第一层图在最下面,第四层图在最上面。要实现图中四幅图的位置效果,则分别对应以下设置:

    a. 第一层天空背景图 : layout_gravity="center"

    b. 第二层鸟图 : layout_gravity = "center"  layout_marginTop="-70dp"  (注意:此处是负数,因为  layout_gravity = "center" 表示水平和垂直方向上居中,基准线为视图水平和垂直方向的中点,因为鸟在基准线的上方向(负方向),所以为负数)

    c. 第三层观音菩萨图 :layout_gravity="top" layout_marginTop="20dp" layout_marginLeft="20dp'  (注意:layout_gravity="top" 表示垂直方向顶端对齐,而水平方向是默认左对齐)

    d. 第四层汽车图 : layout_gravity="center" layout_marginTop="40dp" (对应第二层鸟图的分析,就很容易理解,汽车在基准线下方向(正方向),所以为负数。并且注意:此处的基准线不是屏幕的最上方,而是水平和垂直方向各自的中心线)

以上的分析,请参考下图实际程序运行结果图和视图代码。

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

程序运行结果图:

Android布局FrameLayout的使用_第1张图片


页面视图代码:/res/layout/activity_main.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

	android:layout_width="fill_parent"
	android:layout_height="fill_parent"	
	
	
	 >
	 
	<ImageView 		
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:layout_gravity="center"
		android:background="@drawable/sky2"		
		/> 
		
	<ImageView 		
		android:layout_width="40dp"
		android:layout_height="26dp"
		android:layout_gravity="center"
		android:background="@drawable/bird"
		android:layout_marginTop="-70dp"		
		/> 
		
	<ImageView 		
		android:layout_width="75dp"
		android:layout_height="98dp"
		android:layout_gravity="top"
		android:background="@drawable/guanyinpusa"
		android:layout_marginTop="20dp"		
		android:layout_marginLeft="20dp"
		/> 
		
	<ImageView 		
		android:layout_width="80dp"
		android:layout_height="50dp"
		android:layout_gravity="center"
		android:background="@drawable/car"
		android:layout_marginTop="40dp"		
		/> 
		
	
</FrameLayout>


      



你可能感兴趣的:(android,FrameLayout)