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

標籤：add   環境   abd   oid   漸層   abc   兩種   parent   ade   

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

前面學習了線性布局、相對布局、表格版面配置，那麼本期來學習第四種布局——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幀布局