作者:李響 ? ? ??

? ?

? ? ?本文重點講述了自android4.0版本號后新增的GridLayout網(wǎng)格布局的一些基本內(nèi)容，并在此基礎(chǔ)上實現(xiàn)了一個簡單的計算器布局框架。通過本文，您可以了解到一些android UI開發(fā)的新特性，并可以實現(xiàn)相關(guān)應(yīng)用。

?????? 在android4.0版本號之前，假設(shè)想要達到網(wǎng)格布局的效果，首先能夠考慮使用最常見的LinearLayout布局，可是這種排布會產(chǎn)生例如以下幾點問題：

1、不能同一時候在X，Y軸方向上進行控件的對齊。

2、當(dāng)多層布局嵌套時會有性能問題。

3、不能穩(wěn)定地支持一些支持自由編輯布局的工具。

? ? ? ?其次考慮使用表格布局TabelLayout，這樣的方式會把包括的元素以行和列的形式進行排列，每行為一個TableRow對象，也能夠是一個View對象，而在TableRow中還能夠繼續(xù)加入其它的控件，每加入一個子控件就成為一列。可是使用這樣的布局可能會出現(xiàn)不能將控件占領(lǐng)多個行或列的問題，并且渲染速度也不能得到非常好的保證。

? ? ? ? android4.0以上版本號出現(xiàn)的GridLayout布局攻克了以上問題。GridLayout布局使用虛細線將布局劃分為行、列和單元格，也支持一個控件在行、列上都有交錯排列。而GridLayout使用的事實上是跟LinearLayout類似的API，僅僅只是是改動了一下相關(guān)的標簽而已，所以對于開發(fā)人員來說，掌握GridLayout還是非常easy的事情。GridLayout的布局策略簡單分為下面三個部分：

首先它與LinearLayout布局一樣，也分為水平和垂直兩種方式，默認是水平布局，一個控件挨著一個控件從左到右依次排列，可是通過指定android:columnCount設(shè)置列數(shù)的屬性后，控件會自己主動換行進行排列。還有一方面，對于GridLayout布局中的子控件，默認依照wrap_content的方式設(shè)置其顯示，這僅僅須要在GridLayout布局中顯式聲明就可以。

?

? ? ? 其次，若要指定某控件顯示在固定的行或列，僅僅需設(shè)置該子控件的android:layout_row和android:layout_column屬性就可以，可是須要注意：android:layout_row=”0”表示從第一行開始，android:layout_column=”0”表示從第一列開始，這與編程語言中一維數(shù)組的賦值情況類似。

? ? ? ?最后，假設(shè)須要設(shè)置某控件跨越多行或多列，僅僅需將該子控件的android:layout_rowSpan或者layout_columnSpan屬性設(shè)置為數(shù)值，再設(shè)置其layout_gravity屬性為fill就可以，前一個設(shè)置表明該控件跨越的行數(shù)或列數(shù)，后一個設(shè)置表明該控件填滿所跨越的整行或整列。

利用GridLayout布局編寫的簡易計算器代碼例如以下（注意：僅限于android4.0及以上的版本號）：

<?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"android:rowCount="5"android:columnCount="4" ><Buttonandroid:id="@+id/one"android:text="1"/><Buttonandroid:id="@+id/two"android:text="2"/><Buttonandroid:id="@+id/three"android:text="3"/><Buttonandroid:id="@+id/devide"android:text="/"/><Buttonandroid:id="@+id/four"android:text="4"/><Buttonandroid:id="@+id/five"android:text="5"/><Buttonandroid:id="@+id/six"android:text="6"/><Buttonandroid:id="@+id/multiply"android:text="×"/><Buttonandroid:id="@+id/seven"android:text="7"/><Buttonandroid:id="@+id/eight"android:text="8"/><Buttonandroid:id="@+id/nine"android:text="9"/><Buttonandroid:id="@+id/minus"android:text="-"/><Buttonandroid:id="@+id/zero"android:layout_columnSpan="2"android:layout_gravity="fill"android:text="0"/><Buttonandroid:id="@+id/point"android:text="."/><Buttonandroid:id="@+id/plus"android:layout_rowSpan="2"android:layout_gravity="fill"android:text="+"/><Buttonandroid:id="@+id/equal"android:layout_columnSpan="3"android:layout_gravity="fill"android:text="="/> </GridLayout>

終于實現(xiàn)的界面例如以下所看到的：

參考資料：http://tech.it168.com/a2011/1122/1277/000001277274.shtml

http://hb.qq.com/a/20111214/000865.htm

轉(zhuǎn)載于:https://www.cnblogs.com/hrhguanli/p/4518244.html

總結(jié)

以上是生活随笔為你收集整理的浅谈android4.0开发之GridLayout布局的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。