Android 4.0新组件：GridLayout详细说明

于Android 4.0（API 14）它提供了一个新的组件GridLayout，它继承自Linearlayout，用于执行网络格样式布局。

在某些方面，GridLayout与TableLayout和GridView有相似去处。于能够指定每个单元格“横跨”几个单元格或者“竖跨”几个单元格。这一点与html中<table>标签非常类似。

GridLayout的几个重要属性：

rowCount：行数

columnCount：列数

GridLayout的子View将能够应用属性：

layout_rowSpan：纵向跨几个单元格

layout_columnSpan：横向跨几个单元格

同一时候。GridLayout的子View能够不指定layout_width和layout_height（类似于TableLayout）

使用GridLayout能够非常方便的开发出类似计算器的页面。相比使用LinearLayout简化了代码、简化了嵌套层次、提高了性能，而且自适应性能更好。

示意图：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYm9va3MxOTU4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" width="270" height="480" alt="">

布局代码：

<?

xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="8dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:text="计算器" />

    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:rowCount="5"
        android:columnCount="4"
        android:layout_margin="4dp">

        <Button android:text="C" />

        <Button android:text="Del" />

        <Button android:text="/" />

        <Button android:text="x" />

        <Button android:text="7" />

        <Button android:text="8" />

        <Button android:text="9" />

        <Button android:text="-" />

        <Button android:text="4" />

        <Button android:text="5" />

        <Button android:text="6" />

        <Button android:text="+" />

        <Button android:text="1" />

        <Button android:text="2" />

        <Button android:text="3" />

        <Button
            android:text="="
            android:layout_gravity="fill"
            android:layout_rowSpan="2" />

        <Button
            android:text="0"
            android:layout_gravity="fill"
            android:layout_columnSpan="2" />

        <Button android:text="." />

    </GridLayout>
</LinearLayout>

版权声明：本文博主原创文章。博客，未经同意不得转载。