Android4.0新增的网格布局

网格布局由GridLayout代表，它是Android 4.0新增的布局管理器，因此需要在Android 4.0 之后的版本中才能使用该布局管理器。如果希望在更早的Android平台上使用该布局管理器，则需要导入响应的支撑库。

GridLayout的作用类似于HTML中的table标签，它把整个容器划分成rows*columns个网格，每个网格可以放置一个组件。除此之外，也可以设置一个组件横跨多少列、一个组件纵跨多少行。

GridLayout提供了setRowCount(int)和setColumnCount(int)方法来控制该网格的行数量和列数量。

表2.11显示了GridLayout常用的XML属性及相关方法。

表2.11  RelativeLayout的XML属性及相关方法说明

XML属性	相关方法	说明
android:alignmentMode	setAlignmentMode(int)	设置该布局管理器采用的对齐方式
android:columnCount	setColumnCount(int)	设置该网格的列数量
android:columnOrderPreserved	setColumnOrderPreserved(boolean)	设置该网格容器是否保留列序号
android:rowCount	setRowCount(int)	设置该网格的行数量
android:rowOrderPreserved	setRowOrderPreserved(boolean)	设置该网格容器是否保留行序号
android:useDefaultMargins	setUseDefaultMargins(boolen)	设置该布局管理器是否使用默认的页边距

为了控制GridLayout布局容器中各子组件的布局分析，GridLayout提供了一个内部类，GridLayout.LayoutParams，该类提供了大量的XML属性来控制GridLayout布局容器中子组件的布局分析。

表2.12显示了GridLayout.LayoutParams常用的XML属性及相关方法。

表2.12 GridLayout.LayoutParams的XML属性及相关方法说明

XML属性	相关方法	说明
android:layout_column		设置该子组件在GridLayout的第几列
android:layout_columnSpan		设置该子组件在GridLayout横向上跨几列
android:layout_gravity	setGrvity(int)	设置该子组件采用何种方式占据该网格的空间
android:layout_row		设置该子组件在GridLayout的第几行
android:layout_rowSpan		设置该子组件在GridLayout纵向上跨几行

 实例：计算器界面

       为了实现如图2.14所示的计算器界面，可以考虑将该界面分解成一个6*4的网格，其中第一个文本框横跨4列，第二个按钮横跨4列，后面每个按钮各占一格。

为了实现该界面，考虑按如下步骤来实现该界面：

①在布局管理器中定义一个GridLayout，并在该GridLayout中一次定义文本框、按钮，该文本框、按钮各行横跨4列。

②在Java代码中循环16次，依次添加16个按钮。

图2。14计算器界面

下面先定义如下界面文件：

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:rowCount="6"
    android:columnCount="4"
    android:id="@+id/rootGrid"
      >
  <!-- 定义一个横跨4列的文本框，并设置该文本框的前景色、背景色等属性 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        android:textSize="50sp"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:padding="5dp"
        android:layout_gravity="right"
        android:background="#eee"
        android:textColor="#000"
        android:text="0" />
    <!-- 定义一个横跨4列的按钮 -->
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        android:text="清除" />

</GridLayout>

上面的界面布局文件中定义一个6*4的GridLayout，并在该布局管理器中添加了两个子组件，其中第一个子组件横跨4列，第二个子组件也横跨4列

接下里使用如下Java代码采用循环控制添加16个按钮。

package org.crazyit.helloworld;

import android.os.Bundle;
import android.app.Activity;
import android.view.Gravity;
import android.view.Menu;
import android.widget.*;
import android.widget.GridLayout.Spec;

public class GridLayoutTest extends Activity {
    GridLayout gridLayout;
    //定义16个按钮的文本
    String[] chars=new String[]{
            "7","8","9","÷",
            "4","5","6","×",
            "1","2","3","-",
            ".","0","=","+"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.grid_layout);
        gridLayout=(GridLayout)findViewById(R.id.rootGrid);
        for(int i=0;i<chars.length;i++)
        {
            Button bn=new Button(this);
            bn.setText(chars[i]);
            //设置该按钮的字号大小
            bn.setTextSize(40);
            //指定该组件所在的行
        Spec rowSpec=GridLayout.spec(i/4+2);
            //指定该组件所在的列
        Spec columnSpec=GridLayout.spec(i%4);
        GridLayout.LayoutParams params=new GridLayout.LayoutParams(rowSpec,columnSpec);
            //指定该组件占满容器
        params.setGravity(Gravity.FILL);
        gridLayout.addView(bn,params);
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.grid_layout, menu);
        return true;
    }

}

上面的粗体字代码采用循环向GridLayout中添加了16个按钮，添加16个按钮时指定了每个按钮所在的行号、列号，并指定这些按钮将会自动填充单元格的所有空间——这样避免单元格中的大量空白。运行程序将可以看到如图2.14所示界面。