Android GridLayout簡介，以電腦為例



《Android GridLayout簡介，以電腦為例》

Android GridLayout預設從左往右水準布局元素。可以通過設定屬性：android:orientation=，控制子元素布局的方向為水準還是垂直。

GridLayout的屬性 android:layout_row 和 android:layout_column 設定常數值則指定GridLayout顯示的行列數。

設定 android:layout_rowSpan 或者 android:layout_columnSpan 常數值，且同時設定android:layout_gravity="fill"，則該元素将跨界占滿指定的行列。

以一個簡單的電腦布局為例加以說明，該電腦僅僅通過一個布局檔案即可實作，下面就是一個使用Android GridLayout布局實作的電腦效果圖如下：

上面用Android GridLayout實作的電腦效果圖XML布局檔案完整代碼：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:orientation="horizontal"
    android:rowCount="5" >

    <Button
        android:id="@+id/one"
        android:text="1" />

    <Button
        android:id="@+id/two"
        android:text="2" />

    <Button
        android:id="@+id/three"
        android:text="3" />

    <Button
        android:id="@+id/devide"
        android:text="/" />

    <Button
        android:id="@+id/four"
        android:text="4" />

    <Button
        android:id="@+id/five"
        android:text="5" />

    <Button
        android:id="@+id/six"
        android:text="6" />

    <Button
        android:id="@+id/multiply"
        android:text="×" />

    <Button
        android:id="@+id/seven"
        android:text="7" />

    <Button
        android:id="@+id/eight"
        android:text="8" />

    <Button
        android:id="@+id/nine"
        android:text="9" />

    <Button
        android:id="@+id/minus"
        android:text="-" />

    <Button
        android:id="@+id/zero"
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:text="0" />

    <Button
        android:id="@+id/point"
        android:text="." />

    <Button
        android:id="@+id/plus"
        android:layout_gravity="fill"
        android:layout_rowSpan="2"
        android:text="+" />

    <Button
        android:id="@+id/equal"
        android:layout_columnSpan="3"
        android:layout_gravity="fill"
        android:text="=" />

</GridLayout>