Android 布局之FrameLayout

標籤：bottom   weight   垂直   內容   它的   建立   lin   相對   --   

1 FrameLayout簡介

對於FrameLayout，官方介紹是：
FrameLayout is designed to block out an area on the screen to display a single item. Generally, FrameLayout should be used to hold a single child view, because it can be difficult to organize child views in a way that‘s scalable to different screen sizes without the children overlapping each other. You can, however, add multiple children to a FrameLayout and control their position within the FrameLayout by assigning gravity to each child, using the android:layout_gravity attribute.

即，設計FrameLayout是為了顯示單一項widget。通常，不建議使用FrameLayout顯示多項內容；因為它們的布局很難調節。不用layout_gravity屬性的話，多項內容會重疊；使用layout_gravity的話，能設定不同的位置。layout_gravity可以使用如下取值：

top
將對象放在其容器的頂部，不改變其大小.

bottom
將對象放在其容器的底部，不改變其大小.

left
將對象放在其容器的左側，不改變其大小.

right
將對象放在其容器的右側，不改變其大小.

center_vertical
將對象縱向置中，不改變其大小.
垂直對齊：垂直方向上置中對齊。

fill_vertical
必要的時候增加對象的縱向大小，以完全充滿其容器.
垂直方向填充

center_horizontal
將對象橫向置中，不改變其大小.
水平對齊：水平方向上置中對齊

fill_horizontal
必要的時候增加對象的橫向大小，以完全充滿其容器.
水平方向填充

center
將對象橫縱置中，不改變其大小.

fill
必要的時候增加對象的橫縱向大小，以完全充滿其容器.

clip_vertical
附加選項，用於按照容器的邊來剪下對象的頂部和/或底部的內容. 剪下基於其縱向對齊設定：頂部對齊時，剪下底部；底部對齊時剪下頂部；除此之外剪下頂部和底部.
垂直方向裁剪

clip_horizontal
附加選項，用於按照容器的邊來剪下對象的左側和/或右側的內容. 剪下基於其橫向對齊設定：左側對齊時，剪下右側；右側對齊時剪下左側；除此之外剪下左側和右側.
水平方向裁剪

注意: 區分“android:gravity”和“android:layout_gravity”。
android:gravity            ：是對控制項本身來說的，是用來設定“控制項自身的內容”應該顯示在“控制項自身體積”的什麼位置,預設值是左側。
android:layout_gravity：是相對於控制項的父元素來說的，設定該控制項在它的父元素的什麼位置。

 

 

2 FrameLayout樣本

建立一個activity，包含2組FrameLayout：1組設定android:layout_gravity屬性，另1組不設定android:layout_gravity屬性。

layout檔案

 

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >        <!-- 樣本1 FrameLayout內容重疊 -->    <TextView        android:text="樣本1, FrameLayout內容重疊"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        />    <FrameLayout         android:layout_width="300dp"        android:layout_height="80dp" >        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="我是TextView，內容比較長"            android:background="#ff0000"/>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:background="#ffff00"            android:text="我是按鈕"/>            </FrameLayout>            <!-- 樣本2 FrameLayout使用layout_gravity屬性 -->    <TextView        android:text="樣本2, 設定layout_gravity"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        />    <FrameLayout         android:layout_width="300dp"        android:layout_height="120dp" >        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="文本居左"            android:background="#ff0000"            android:gravity="center"            android:layout_gravity="left"            android:layout_margin="10dp"/>        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="文本置中"            android:background="#ffff00"            android:gravity="center"            android:layout_gravity="center"/>    </FrameLayout></LinearLayout>

Android 布局之FrameLayout