修图教程新手工具图片下载，Android五大布局详解，mdash，mdash，GridLayout(网格布局)

Android五大布局详解——GridLayout(网格布局)

GridLayout是Android SDK 14版本中新增的布局方式，相比于之前的布局方式，GridLayout更加灵活，可以支持网格状的布局形式，方便对复杂界面的开发。

1. GridLayout的基本使用

GridLayout通过使用列和行的方式来进行布局，可以将整个布局分成多个网格，每个网格只能放置一个子视图。具体的布局方式可以通过在XML文件中设置属性来实现。

下面介绍一下GridLayout的基本使用方法：

1.在XML文件中设置GridLayout属性和子视图属性

```

android:id="@+id/gridLayout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:rowCount="3"

android:columnCount="3">

android:text="Button 1"

android:layout_row="0"

android:layout_column="0"/>

android:text="Button 2"

android:layout_row="0"

android:layout_column="1"/>

android:text="Button 3"

android:layout_row="0"

android:layout_column="2"/>

android:text="Button 4"

android:layout_row="1"

android:layout_column="0"/>

android:text="Button 5"

android:layout_row="1"

android:layout_column="1"/>

android:text="Button 6"

android:layout_row="1"

android:layout_column="2"/>

android:text="Button 7"

android:layout_row="2"

android:layout_column="0"/>

android:text="Button 8"

android:layout_row="2"

android:layout_column="1"/>

android:text="Button 9"

android:layout_row="2"

android:layout_column="2"/>

```

其中，android:rowCount和android:columnCount属性分别用于指定GridLayout的行数和列数，而子视图的位置则由android:layout_row和android:layout_column属性来指定。

2.在Java代码中获取GridLayout和子视图

```

GridLayout gridLayout = (GridLayout) findViewById(R.id.gridLayout);

Button button1 = (Button) findViewById(R.id.button1);

Button button2 = (Button) findViewById(R.id.button2);

Button button3 = (Button) findViewById(R.id.button3);

Button button4 = (Button) findViewById(R.id.button4);

Button button5 = (Button) findViewById(R.id.button5);

Button button6 = (Button) findViewById(R.id.button6);

Button button7 = (Button) findViewById(R.id.button7);

Button button8 = (Button) findViewById(R.id.button8);

Button button9 = (Button) findViewById(R.id.button9);

```

以上代码中，GridLayout通过findViewById方法获取到，而子视图则通过findViewById和对应的ID来获取。

3.后续操作

在获取GridLayout和子视图之后，就可以进行后续的操作了，例如为子视图添加监听器、设置背景图等等。

2. GridLayout的高级使用

除了基本的使用方法外，GridLayout还有其他的高级使用方法，可以让开发者更好的实现他们的界面。

1.使用merge标签

在GridLayout中，可以使用merge标签来帮助我们将多个元素组合成一个整体，从而使得我们的布局更加清晰易懂。

例如，下面的布局中，我们使用merge标签将左边的ImageView和右边的TextView组合成了一个整体。

```

android:id="@+id/mergeLayout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:columnCount="2">

android:id="@+id/imageView"

android:layout_width="80dp"

android:layout_height="80dp"

android:src="@drawable/ic_launcher"/>

android:id="@+id/textView"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Hi, I'm TextView."/>

```

2.为网格设置监听器

GridLayout同样也支持为网格或子视图设置监听器。

例如，下面的示例代码中，我们为第0行第0列的子视图设置了一个监听器，当点击该子视图时，就会弹出一个Toast消息。

```

GridLayout gridLayout = (GridLayout) findViewById(R.id.gridLayout);

Button button1 = (Button) findViewById(R.id.button1);

gridLayout.getChildAt(0).setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(MainActivity.this, "Button 1 clicked!", Toast.LENGTH_SHORT).show();

}

});

```

3.使用GridLayout.LayoutParams设置子视图的位置

在之前的示例中，我们使用了android:layout_row和android:layout_column来指定子视图的位置。实际上，除了这两个属性外，还可以使用GridLayout.LayoutParams类来设置子视图的位置。

例如，下面的示例中，我们为子视图button9设置了一个LayoutParams对象，通过这个对象可以设置子视图在GridLayout中的各种参数。

```

GridLayout gridLayout = (GridLayout) findViewById(R.id.gridLayout);

Button button9 = (Button) findViewById(R.id.button9);

GridLayout.LayoutParams params = new GridLayout.LayoutParams();

params.rowSpec = GridLayout.spec(0,2);

params.columnSpec = GridLayout.spec(0,2);

button9.setLayoutParams(params);

```

以上代码中，我们为button9设置了一个params对象，通过这个对象，我们可以通过rowSpec和columnSpec属性来指定子视图所在的行和列，以及它在行或列上所占的跨度。

4.总结

GridLayout是Android SDK14版本中新增的一个布局方式，它以网格的形式将整个布局分成多个小网格，并支持多种属性设置和高级用法，方便开发者实现复杂的界面布局。通过学习GridLayout的基本使用和高级用法，可以大大提高我们的开发效率。