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的專欄

發佈留言