【 Android 】GridLayout

繼上篇Grid View之後，順便測試一下android 4.0以上才有的grid layout，這裡也拿計算機的 鍵盤來當排版練習:

一、首先先建立gridlayout

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_gravity="center"

    android:columnCount="4"

    android:orientation="horizontal" >

這裡指定為"4列"，並且是水平排列

二、接下來就將每個按鍵按順序排列出來 ，這裡需注意元件排列的順序，是按照順序排列的，跟linearlayout的用法是一樣的。

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="1" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="2" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="3" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="/" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="4" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="5" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="6" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="*" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="7" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="8" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="9" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="-" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_columnSpan="2"

        android:layout_gravity="fill"

        android:text="0" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="00" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_rowSpan="2"

        android:layout_gravity="fill"

        android:text="+" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_columnSpan="3"

        android:layout_gravity="fill"

        android:text="=" />

在gridlayout的元件，有特別的屬性可以運用:

ex:"="

 android:layout_columnSpan="3"  //這裡是說橫跨三列

 android:layout_gravity="fill"  //充滿

ex:"+"

 android:layout_rowSpan="2"     //這裡是說橫跨二行

 android:layout_gravity="fill"  //充滿

以上都設定完之後就可以看到簡易的計算機排版(如下圖)，gridlayout還算簡單易懂的layout方式