本期主要學習的是網格布局是Android 4.0新增的布局，和前面所學的TableLayout表格布局 有點類似，不過他有很多前者沒有的東西，也更加好用。

一、認識GridLayout

網格布局實現了控件的交錯顯示，能夠避免因布局嵌套對設備性能的影響，更利於自由布局的開發。網格布局用一組無限細的直線將繪圖區域分成行、列和單元，並指定控件的顯示區域和控件在該區域的顯示方式

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

為了控制GridLayout布局容器中各子組件的布局分布，GridLayout提供了一個內部類： GridLayout.LayoutParams，該類提供了大量的XML屬性來控制GridLayout布局容器中子組件的布局分布。

下表顯示了 GridLayout.LayoutParams常用的XML屬性及相關方法。

二、示例

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

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

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

            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:columnCount="4"
            android:rowCount="7">

    <TextView
        android:id="@+id/result_tv"
        android:layout_width="match_parent"
        android:layout_height
 
="wrap_content"
        android:layout_columnSpan="4"
        android:background="#eee"
        android:text="0"
        android:textColor="#000"
        android:textSize="50sp" />

    <Button
        android:id="@+id/clear_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        android:text="Clear" />
    <Button
        android:id="@+id/one_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="1" />
    <Button
        android:id="@+id/two_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="2" />
    <Button
        android:id="@+id/three_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="3" />
    <Button
        android:id="@+id/devide_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="/" />
    <Button
        android:id="@+id/four_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="4" />
    <Button
        android:id="@+id/five_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="5" />
    <Button
        android:id="@+id/six_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="6" />
    <Button
        android:id="@+id/multiply_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="×" />
    <Button
        android:id="@+id/seven_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="7" />
    <Button
        android:id="@+id/eight_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="8" />
    <Button
        android:id="@+id/nine_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="9" />
    <Button
        android:id="@+id/minus_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="-" />
    <Button
        android:id="@+id/zero_btn"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:layout_gravity="fill"
        android:layout_rowWeight="1"
        android:text="0" />
    <Button
        android:id="@+id/point_btn"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="." />
    <Button
        android:id="@+id/plus_btn"
        android:layout_columnWeight="1"
        android:layout_rowSpan="2"
        android:layout_rowWeight="1"
        android:text="+" />
    <Button
        android:id="@+id/equal_btn"
        android:layout_columnSpan="3"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:text="=" />
</GridLayout>

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

到此，關於Android中的六種界面布局已經學習完畢，你都掌握了嗎？一定要多動手練習哦，從下期開始一起來學習Android事件處理。

今天就先到這裏，如果有問題歡迎留言一起探討，也歡迎加入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幀布局

Android零基礎入門第31節：少用的AbsoluteLayout絕對布局

Android零基礎入門第32節：新推出的GridLayout網格布局