Android Gridlayout布局實現多行多列排列

一、Gridlayout概述

GridLayout是Android中的一種布局方式，它最早是在API level 14(Android 4.0)中引入的，主要作用是為了更好地支持Android平板電腦等大尺寸設備。

GridLayout布局適用於需要在屏幕中放置多個組件，且這些組件需要排列成多行多列的形式。通過GridLayout，我們可以靈活地控制每個組件的大小和間距，使得整個界面更加美觀、合理。

二、使用GridLayout布局

在使用GridLayout布局之前，你需要通過在XML中聲明GridLayout來實現這種布局：

   <GridLayout 
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical"
      android:columnCount="3"
      android:rowCount="3">
   
      <Button
         android:id="@+id/button1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Button 1" />
         
      <Button
         android:id="@+id/button2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Button 2" />
         
      <Button
         android:id="@+id/button3"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Button 3" />
      
      <Button
         android:id="@+id/button4"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Button 4" />
      
      <Button
         android:id="@+id/button5"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Button 5" />
      
      <Button
         android:id="@+id/button6"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Button 6" />
   
   </GridLayout>

上面的代碼展示了一個3行3列的GridLayout布局，其中通過列數和行數屬性定義了格子的數量。

通過這種方式，我們可以為每個組件設置特定的行、列和跨度，使得整個布局更加靈活、美觀。例如：

   <Button
      android:id="@+id/button1"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:text="Button 1"
      android:layout_row="0"
      android:layout_rowSpan="2"
      android:layout_column="0" />

上面的示例代碼中，我們通過layout_row、layout_rowSpan和layout_column屬性分別為Button 1設置了所在行、跨度和列。

三、Gridlayout屬性

3.1 格子總數

在GridLayout中，我們可以通過設置columnCount和rowCount屬性來定義整個布局的格子數。例如：

   <GridLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:rowCount="3"
      android:columnCount="3">
      ...
   </GridLayout>

上面的代碼中，我們使用rowCount和columnCount屬性來定義布局的行和列的數量。

3.2 格子之間的間距

可以通過設置android:useDefaultMargins屬性來設置所有格子之間的默認邊距，也可以通過android:alignmentMode和android:rowOrderPreserved屬性來設置間距。例如：

   <GridLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:rowCount="3"
      android:columnCount="3"
      android:alignmentMode="alignBounds"
      android:rowOrderPreserved="false"
      android:useDefaultMargins="true">
      ...
   </GridLayout>

在上面的代碼中，我們使用android:useDefaultMargins屬性來設置默認邊距、android:alignmentMode屬性來設置對齊方式和android:rowOrderPreserved屬性來設置布局中行的順序。

3.3 格子大小和跨度

在GridLayout布局中，我們可以為每個組件設置特定的行、列和跨度，使得整個布局更加靈活、美觀。

通過設置layout_row、layout_rowSpan和layout_column屬性，我們可以輕鬆地定義組件所在的位置和跨度，例如：

   <Button
      android:id="@+id/button1"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:text="Button 1"
      android:layout_row="0"
      android:layout_rowSpan="2"
      android:layout_column="0" />

上面的代碼中，我們為Button 1設置了所在的行和列、以及跨越兩行。

四、完整代碼示例

下面是一個簡單的GridLayout布局示例：

   <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/gridlayout"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:rowCount="3"
              android:columnCount="3"
              android:alignmentMode="alignBounds"
              android:rowOrderPreserved="false"
              android:useDefaultMargins="true">
              
       <Button
              android:id="@+id/button1"
              android:layout_column="0"
              android:text="Button 1" />

       <Button
              android:id="@+id/button2"
              android:layout_column="1"
              android:text="Button 2" />

       <Button
              android:id="@+id/button3"
              android:layout_column="2"
              android:text="Button 3" />

       <Button
              android:id="@+id/button4"
              android:layout_column="0"
              android:layout_row="1"
              android:text="Button 4" />

       <Button
              android:id="@+id/button5"
              android:layout_column="1"
              android:layout_row="1"
              android:layout_rowSpan="2"
              android:text="Button 5" />

       <Button
              android:id="@+id/button6"
              android:layout_column="2"
              android:text="Button 6" />
              
   </GridLayout>

上面的代碼實現了一個3行3列的GridLayout布局，其中Button 5跨越了兩行。