Android基礎入門教程——2.2.5 GridLayout(網格布局)

標籤：android   布局   教程   gridlayout   網格布局   

Android基礎入門教程——2.2.5 GridLayout(網格布局)

標籤（空格分隔）： Android基礎入門教程

本節引言：

今天要介紹的布局是Android 4.0以後引入的一個新的布局,和前面所學的TableLayout(表格版面配置)
有點類似,不過他有很多前者沒有的東西,也更加好用,

• 可以自己設定布局中組件的相片順序
• 可以自訂網格布局有多少行,多少列
• 可以直接設定組件位於某行某列
• 可以設定組件橫跨幾行或者幾列

另外,除了上述內容外,本節還會給大家使用gridLayout時會遇到的問題,以及如何解決低版本
sdk如何使用GridLayout的方法！接下來就開始本節的課程吧!

1.相關屬性總結圖

2.使用執行個體:計算機布局的實現:

運行：

實現代碼:

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/GridLayout1"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:columnCount="4"    android:orientation="horizontal"    android:rowCount="6" >    <TextView        android:layout_columnSpan="4"        android:layout_gravity="fill"        android:layout_marginLeft="5dp"        android:layout_marginRight="5dp"        android:background="#FFCCCC"        android:text="0"        android:textSize="50sp" />    <Button        android:layout_columnSpan="2"        android:layout_gravity="fill"        android:text="回退" />    <Button        android:layout_columnSpan="2"        android:layout_gravity="fill"        android:text="清空" />    <Button android:text="+" />    <Button android:text="1" />    <Button android:text="2" />    <Button android:text="3" />    <Button android:text="-" />    <Button android:text="4" />    <Button android:text="5" />    <Button android:text="6" />    <Button android:text="*" />    <Button android:text="7" />    <Button android:text="8" />    <Button android:text="9" />    <Button android:text="/" />    <Button        android:layout_width="wrap_content"        android:text="." />    <Button android:text="0" />    <Button android:text="=" /></GridLayout> 

代碼解析:
代碼很簡單,只是回退與清楚按鈕橫跨兩列,而其他的都是直接添加的,預設每個組件都是
佔一行一列,另外還有一點要注意的:
我們通過:android:layout_rowSpan與android:layout_columnSpan設定了組件橫跨
多行或者多列的話,如果你要讓組件填滿橫越過的行或列的話,需要添加下面這個屬性:
android:layout_gravity = “fill”！！！就像這個電腦顯示數位部分!

3.用法歸納:

①GridLayout使用虛細線將布局劃分為行,列和儲存格,同時也支援在行,列上進行交錯排列
②使用流程:

• step 1:先定義組件的對其方式 android:orientation 水平或者豎直,設定多少行與多少列
• step 2:設定組件所在的行或者列,記得是從0開始算的,不設定預設每個組件佔一行一列
• step 3:設定組件橫跨幾行或者幾列;設定完畢後,需要在設定一個填充:android:layout_gravity = “fill”

4.使用GridLayout要注意的地方:

因為GirdLayout是4.0後才推出的,所以minSDK版本要改為14或者以上的版本,
不然寫布局代碼的時候,這玩意就會莫名其妙地出錯,說找不到這個GridLayout,
當然,如果你要低版本相容的話,就要看下面的內容了！

5.低版本sdk如何使用GridLayout:

解決方案很簡單:只需要匯入v7包的gridlayout包即可!
v7包一般在sdk下的:sdk\extras\android\support\v7\gridlayout目錄下
如果你沒有的話,也可以到這裡下載:
gridlayout_v7_jay包下載: http://pan.baidu.com/s/1kTC2s3l
但是用的時候,標籤卻是這樣寫的:！！！
<android.support.v7.widget.GridLayout>

本節小結

關於GridLayout的介紹就到這裡~

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

Android基礎入門教程——2.2.5 GridLayout(網格布局)