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跨越了两行。