原文鏈接：Android Grid Layout
原文作者：Dmytro Danylyk
譯者：蘑菇君

今天在Medium上看到這篇文章，感覺寫的不錯。由于訪問Medium需要科學上網(wǎng)，并且是英文書寫，給大家?guī)碇T多不便，故在此將其譯成中文。由于本人水平有限，其中如有紕漏或錯誤之處，歡迎指正和交流。
GridLayout這種網(wǎng)格布局容器在某些情形下的確是能幫我們輕松實現(xiàn)想要的布局，并能減少布局的嵌套，提高性能，而我們大部分人卻經(jīng)常忽略這種布局。相信這篇文章能給大家?guī)硪恍﹩l(fā)。

Android Grid Layout

Android開發(fā)者每天都會問自己的一個問題——該用哪個布局呢？

GridLayout發(fā)布已經(jīng)有一段時間了——New Layout Widgets: Space and GridLayout.。

而在Android開發(fā)的世界里，GridLayout的地位卻略顯尷尬：

• 大部分開發(fā)者甚至都不知道這種布局的存在。
• 一些開發(fā)者了解GridLayout，但由于一些原因不使用這種布局。
• 只有少數(shù)開發(fā)者會花時間去研究GridLayout，并且經(jīng)常使用它。

我寫這篇文章的目的是因為我認為這個布局被大家遺忘了。這對它是不公平的。

為什么我們需要GridLayout？

GridLayout讓我們只用單個的根布局就能輕松地創(chuàng)建網(wǎng)格布局。

我能用嵌套的LinearLayout去實現(xiàn)網(wǎng)格布局！

是的，但是你會面臨布局層級過深而導致的性能問題。

我能用RelativeLayout去實現(xiàn)網(wǎng)格布局！

是的，但是RelativeLayout有一些限制，比如：

• 無法控制控件沿兩個軸同時對齊。
• 由于在RelativeLayout里不支持weight等類似的屬性，所以當控件占用的空間比你 預計的要大時，控件會溢出屏幕或重疊在一起。

換句話說，RelativeLayout不夠靈活，適應性不夠好。

示例

讓我們來實現(xiàn)一個簡單的布局，這個布局包含了一張大圖，兩個小圖標和圖標旁邊的文本。

預覽

RelativeLayout

通過RelativeLayout很容易實現(xiàn)這個布局，關鍵的屬性就是layout_below，layout_toRightOf和layout_alignTop。

代碼

第一眼看上去好像一切都很完美。然而，當你用不同的文字大小去測試你的布局時，問題就出現(xiàn)了。

問題 1： 無法控制控件沿兩個軸同時對齊。

單行文本應該垂直居中于左側(cè)圖標，然而RelativeLayout無法滿足這種要求。

預覽

問題 2： 控件重疊。

多行文本會造成重疊，因為文本是通過layout_alignTop屬性與左側(cè)圖標對齊的。

預覽

GridLayout

在下面的圖中，你可以看得出GridLayout能得到更好的展示結(jié)果：

• 文本垂直居中于左側(cè)圖標。
• 多行文本會把下方的控件擠下去。

預覽

那么，這種效果是如何去實現(xiàn)的呢？首先使用GridLayout作為根布局，其次計算我們需要多少列并設置android:columnCount屬性，在我們這個例子里，我們需要兩列。

當你在GridLayout里定義控件時，它們是一個接一個被放置的，所以無需顯式地再去定義控件的行和列。

如果你想要拉伸你的控件，讓它占據(jù)多行或者多列，你可以使用layout_columnSpan和layout_rowSpan屬性。

一定要記得，如果你想要你的控件占據(jù)所有可用的空間，不要設置你的控件寬度為match_parent，而是設置成0dp，并且設置屬性layout_gravity="fill"。

代碼

結(jié)論

如果我們使用得當，GridLayout會給我們帶來很大幫助。它能提供很好的靈活性和性能。另一方面，它也需要一些時間去學習和掌握，你通常需要花更多的時間去開發(fā)或維護這個布局。

優(yōu)點：

• 靈活
• 單個根布局

缺點：

• 花費時間去學習
• 更多時間去維護