Android development study notes (eight) network layout GridLayout

Effect (imitation calculator interface)

source code:

<GridLayout android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:rowCount="6"
    android:columnCount="4"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >

    <TextView android:text="0"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:textSize="50sp"
        android:layout_columnSpan="4">
    </TextView>

    <Button android:text="清除"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        ></Button>

    <Button android:text="1" android:textSize="26sp" />
    <Button android:text="2" android:textSize="26sp" />
    <Button android:text="3" android:textSize="26sp" />
    <Button android:text="+" android:textSize="26sp" />
    <Button android:text="4" android:textSize="26sp"></Button>
    <Button android:text="5" android:textSize="26sp"></Button>
    <Button android:text="6" android:textSize="26sp"></Button>
    <Button android:text="-" android:textSize="26sp"></Button>
    <Button android:text="7" android:textSize="26sp"></Button>
    <Button android:text="8" android:textSize="26sp"></Button>
    <Button android:text="9" android:textSize="26sp"></Button>
    <Button android:text="*" android:textSize="26sp"></Button>
    <Button android:text="." android:textSize="26sp"></Button>
    <Button android:text="0" android:textSize="26sp"></Button>
    <Button android:text="=" android:textSize="26sp"></Button>
    <Button android:text="/" android:textSize="26sp"></Button>
    
</GridLayout>

Network layout
android:rowCount="6"
android:columnCount="4" specifies a network with 6 rows and 4 columns
android:layout_columnSpan="4" merges 4 columns of cells