前面學習了線性布局、相對布局、表格布局，那麽本期來學習第四種布局——FrameLayout幀布局。

一、認識FrameLayout

幀布局是Android布局中最簡單的一種，使用FrameLayout標簽。

幀布局為每個加入其中的控件創建一個空白區域（稱為一幀，每個控件占據一 幀）。釆用幀布局方式設計界面時，只能在屏幕左上角顯示一個控件，如果添加多個控件，這些控件會按照順序在屏幕的左上角重疊顯示。

下表顯示了 FrameLayout常用的XML屬性及相關方法說明。

FrameLayout包含的子元素也受FrameLayout.LayoutParams控制，因此它所包含的子元素也可指定android:layout_gravity屬性，該屬性控制該子元素在FrameLayout中的對齊方式。

二、示例

接下來通過一個簡單的示例程序來學習FrameLayout的使用用法。

同樣使用WidgetSample工程，繼續使用app/main/res/layout/目錄下的activity_main.xml文件，在其中填充如下代碼片段：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height
 
="match_parent">

    <TextView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:background="#FF33ffff" />
    <TextView
        android:layout_width="240dp"
        android:layout_height="240dp"
        android:layout_gravity
 
="center"
        android:background="#FF33ccff" />
    <TextView
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:layout_gravity="center"
        android:background="#FF3399ff" />
    <TextView
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_gravity="center"
        android:background="#FF3366ff" />
    <TextView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_gravity="center"
        android:background="#FF3300ff" />
</FrameLayout>

上面的界面布局定義使用FrameLayout布局，並向該布局容器中添加了 5個TextView，這5個TextView的高度、寬度則逐漸減少——這樣可以保證最先添加的 TextView不會被完全遮擋；而且我們設置了 5個TextView 的背景色漸變。

運行程序，可以看到下圖所示界面效果：

幀布局在界面上是一幀一幀顯示的，通常可以用於遊戲開發中。

到此，FrameLayout的示例結束，關於FrameLayout的更多用法可以多動手練習。

今天就先到這裏，如果有問題歡迎留言一起探討，也歡迎加入Android零基礎入門技術討論微信群，共同成長！

此文章版權為微信公眾號分享達人秀（ShareExpert）——鑫鱻所有，若轉載請備註出處，特此聲明！

往期總結分享：

Android零基礎入門第1節：Android的前世今生

Android零基礎入門第2節：Android 系統架構和應用組件那些事

Android零基礎入門第3節：帶你一起來聊一聊Android開發環境

Android零基礎入門第4節：正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節：善用ADT Bundle, 輕松邂逅女神

Android零基礎入門第6節：配置優化SDK Manager, 正式約會女神

Android零基礎入門第7節：搞定Android模擬器，開啟甜蜜之旅

Android零基礎入門第8節：HelloWorld，我的第一趟旅程出發點

Android零基礎入門第9節：Android應用實戰，不懂代碼也可以開發

Android零基礎入門第10節：開發IDE大升級，終於迎來了Android Studio

Android零基礎入門第11節：簡單幾步帶你飛，運行Android Studio工程

Android零基礎入門第12節：熟悉Android Studio界面，開始裝逼賣萌

Android零基礎入門第13節：Android Studio配置優化，打造開發利器

Android零基礎入門第14節：使用高速Genymotion，跨入火箭時代

Android零基礎入門第15節：掌握Android Studio項目結構，揚帆起航

Android零基礎入門第16節：Android用戶界面開發概述

Android零基礎入門第17節：TextView屬性和方法大全

Android零基礎入門第18節：EditText的屬性和使用方法

Android零基礎入門第19節：Button使用詳解

Android零基礎入門第20節：CheckBox和RadioButton使用大全

Android零基礎入門第21節：ToggleButton和Switch使用大全

Android零基礎入門第22節：ImageView的屬性和方法大全

Android零基礎入門第23節：ImageButton和ZoomButton使用大全

Android零基礎入門第24節：自定義View簡單使用，打造屬於你的控件

Android零基礎入門第25節：簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節：兩種對齊方式，layout_gravity和gravity大不同

Android零基礎入門第27節：正確使用padding和margin

Android零基礎入門第28節：輕松掌握RelativeLayout相對布局

Android零基礎入門第29節：善用TableLayout表格布局

Android零基礎入門第30節：兩分鐘掌握FrameLayout幀布局