Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android系統教程 >> Android開發教程 >> Android開發入門(五)屏幕組件 5.6 FrameLayout幀布局

Android開發入門(五)屏幕組件 5.6 FrameLayout幀布局

編輯:Android開發教程

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

<?xml version="1.0" encoding="utf-8"?>    
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RLayout" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" >    
       
    <TextView 
        android:id="@+id/lblComments" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true" 
        android:layout_alignParentTop="true" 
        android:text="Hello, Android!" />    
       
    <FrameLayout 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignLeft="@+id/lblComments" 
        android:layout_below="@+id/lblComments" 
        android:layout_centerHorizontal="true" >    
       
        <ImageView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:src="@drawable/droid" >    
        </ImageView>    
    </FrameLayout>    
       
</RelativeLayout>

這裡,在RelativeLayout中內嵌了一個FrameLayuout,在FrameLayuout 中內嵌了一個ImageView。效果圖:

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

<?xml version="1.0" encoding="utf-8"?>    
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RLayout" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" >    
       
    <TextView 
        android:id="@+id/lblComments" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true" 
        android:layout_alignParentTop="true" 
        android:text="Hello, Android!" />    
       
    <FrameLayout 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignLeft="@+id/lblComments" 
        android:layout_below="@+id/lblComments" 
        android:layout_centerHorizontal="true" >    
       
        <ImageView 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:src="@drawable/droid" >    
        </ImageView>    
       
        <Button 
            android:layout_width="124dp" 
            android:layout_height="wrap_content" 
            android:text="Print Picture" />    
    </FrameLayout>    
       
</RelativeLayout>

最終效果圖:

查看本欄目更多精彩內容:http://www.bianceng.cn/OS/extra/

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved