Android 程式開發：（五）屏幕組件 —— 5.6 FrameLayout幀佈局

FrameLayout就是屏幕上的一個“定位器”，可以使用它去顯示一個單一的視圖。被添加到FrameLayout上的視圖views總是被固定在這個佈局的左上角。考慮以下的代碼：

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/RLayout"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent" >  
6.   
7.     <TextView  
8.         android:id="@+id/lblComments"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:layout_alignParentLeft="true"  
12.         android:layout_alignParentTop="true"  
13.         android:text="Hello, Android!" />  
14.   
15.     <FrameLayout  
16.         android:layout_width="wrap_content"  
17.         android:layout_height="wrap_content"  
18.         android:layout_alignLeft="@+id/lblComments"  
19.         android:layout_below="@+id/lblComments"  
20.         android:layout_centerHorizontal="true" >  
21.   
22.         <ImageView  
23.             android:layout_width="wrap_content"  
24.             android:layout_height="wrap_content"  
25.             android:src="@drawable/droid" >  
26.         </ImageView>  
27.     </FrameLayout>  
28.   
29. </RelativeLayout>  

這裡，在RelativeLayout中內嵌瞭一個FrameLayuout，在FrameLayuout中內嵌瞭一個ImageView。效果圖：

但是，如果想要在這個FrameLayuout中添加另外的view（比如一個Button），那麼這個view就會重疊在“之前的”view上面（本例中是顯示圖片的ImageView）。代碼：

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/RLayout"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent" >  
6.   
7.     <TextView  
8.         android:id="@+id/lblComments"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:layout_alignParentLeft="true"  
12.         android:layout_alignParentTop="true"  
13.         android:text="Hello, Android!" />  
14.   
15.     <FrameLayout  
16.         android:layout_width="wrap_content"  
17.         android:layout_height="wrap_content"  
18.         android:layout_alignLeft="@+id/lblComments"  
19.         android:layout_below="@+id/lblComments"  
20.         android:layout_centerHorizontal="true" >  
21.   
22.         <ImageView  
23.             android:layout_width="wrap_content"  
24.             android:layout_height="wrap_content"  
25.             android:src="@drawable/droid" >  
26.         </ImageView>  
27.   
28.         <Button  
29.             android:layout_width="124dp"  
30.             android:layout_height="wrap_content"  
31.             android:text="Print Picture" />  
32.     </FrameLayout>  
33.   
34. </RelativeLayout>  

最終效果圖：

摘自 manoel的專欄