按钮的 GridLayout 自动左对齐,忽略网格线

GridLayout of Buttons auto aligns left, ignoring Grid lines

我有一个非常简单的按钮网格来制作键盘。在这里,我希望 "A" 位于 "Q" 和 "Z" 的中间,所以我有 20 列,而不是我需要的 10 列,每个键跨越 2列。这是 xml 代码:

<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/GridLayout1"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:columnCount="20"
    android:rowCount="4"
    android:background="#ffffff"
    >

    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyQ"
        android:text="Q"
        android:layout_column="0"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyW"
        android:text="W"
        android:layout_column="2"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyE"
        android:text="E"
        android:layout_column="4"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyR"
        android:text="R"
        android:layout_column="6"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyT"
        android:text="T"
        android:layout_column="8"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyY"
        android:text="Y"
        android:layout_column="10"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyU"
        android:text="U"
        android:layout_column="12"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyI"
        android:text="I"
        android:layout_column="14"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyO"
        android:text="O"
        android:layout_column="16"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyP"
        android:text="P"
        android:layout_column="18"
        android:layout_row="0"
        android:layout_columnSpan="2"
        />

    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyA"
        android:text="A"
        android:layout_column="1"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyS"
        android:text="S"
        android:layout_column="3"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyD"
        android:text="D"
        android:layout_column="5"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyF"
        android:text="F"
        android:layout_column="7"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyG"
        android:text="G"
        android:layout_column="9"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyH"
        android:text="H"
        android:layout_column="11"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyJ"
        android:text="J"
        android:layout_column="13"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyK"
        android:text="K"
        android:layout_column="15"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyL"
        android:text="L"
        android:layout_column="17"
        android:layout_row="1"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyCaps"
        android:text=""
        android:layout_column="0"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyZ"
        android:text="Z"
        android:layout_column="2"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyX"
        android:text="X"
        android:layout_column="4"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyC"
        android:text="C"
        android:layout_column="6"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyV"
        android:text="V"
        android:layout_column="8"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyB"
        android:text="B"
        android:layout_column="10"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyN"
        android:text="N"
        android:layout_column="12"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyM"
        android:text="M"
        android:layout_column="14"
        android:layout_row="2"
        android:layout_columnSpan="2"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyDelete"
        android:text="◀️"
        android:layout_column="16"
        android:layout_row="2"
        android:layout_columnSpan="4"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyColon"
        android:text=":"
        android:layout_column="1"
        android:layout_row="3"
        android:layout_columnSpan="3"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keySpace"
        android:text=""
        android:layout_column="4"
        android:layout_row="3"
        android:layout_columnSpan="12"
        />
    <Button
        android:onClick="keyPress"
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:id="@+id/keyPeriod"
        android:text="."
        android:layout_column="16"
        android:layout_row="3"
        android:layout_columnSpan="3"
        />

</GridLayout>

我希望键盘看起来正常(如上所述)但是空列似乎被忽略了,键盘最终看起来像这样:

Picture of the result of the XML layout file

将它们全部放在一个 viewgroup 并在它们的两侧放一些枕头 :

    <?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/GridLayout1"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:background="#ffffff"
    android:columnCount="20"
    android:rowCount="4"

    >

    <Button
        android:id="@+id/keyQ"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="0"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="Q" />


    <Button
        android:id="@+id/keyW"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="2"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="W" />

    <Button
        android:id="@+id/keyE"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="4"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="E" />

    <Button
        android:id="@+id/keyR"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="6"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="R" />

    <Button
        android:id="@+id/keyT"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="8"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="T" />

    <Button
        android:id="@+id/keyY"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="10"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="Y" />

    <Button
        android:id="@+id/keyU"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="12"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="U" />

    <Button
        android:id="@+id/keyI"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="14"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="I" />

    <Button
        android:id="@+id/keyO"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="16"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="O" />

    <Button
        android:id="@+id/keyP"
        android:layout_width="0dp"
        android:layout_row="0"
        android:layout_column="18"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="P" />


    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_row="1"

        android:layout_column="1"
        android:layout_columnSpan="19"
        android:layout_columnWeight="1"
        android:orientation="horizontal">

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.4"
            android:visibility="invisible" />


        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.4"
            android:visibility="invisible" />


    </LinearLayout>

    <Button
        android:id="@+id/keyCaps"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="0"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="" />

    <Button
        android:id="@+id/keyZ"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="2"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="Z" />

    <Button
        android:id="@+id/keyX"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="4"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="X" />

    <Button
        android:id="@+id/keyC"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="6"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="C" />

    <Button
        android:id="@+id/keyV"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="8"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="V" />

    <Button
        android:id="@+id/keyB"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="10"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="B" />

    <Button
        android:id="@+id/keyN"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="12"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="N" />

    <Button
        android:id="@+id/keyM"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="14"
        android:layout_columnSpan="2"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="M" />

    <Button
        android:id="@+id/keyDelete"
        android:layout_width="0dp"
        android:layout_row="2"
        android:layout_column="16"
        android:layout_columnSpan="4"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="◀️" />

    <Button
        android:id="@+id/keyColon"
        android:layout_width="0dp"
        android:layout_row="3"
        android:layout_column="1"
        android:layout_columnSpan="3"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text=":" />

    <Button
        android:id="@+id/keySpace"
        android:layout_width="0dp"
        android:layout_row="3"
        android:layout_column="4"
        android:layout_columnSpan="12"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="" />

    <Button
        android:id="@+id/keyPeriod"
        android:layout_width="0dp"
        android:layout_row="3"
        android:layout_column="16"
        android:layout_columnSpan="3"
        android:layout_columnWeight="1"
        android:onClick="keyPress"
        android:text="." />

</GridLayout>