Hexagon-Taste mit Sechseck-Tastfeld

Ich muss die gleichen Schaltflächen wie in der Abbildung unten erstellen.Button 's muss mit dem Text drin sein.

Wenn ich @ machXML layout Ich habe ein Problem mit @ festgestellButton Touch-Bereich. Jede nächste Taste ist eine vorhergehende Taste mit einem rechteckigen Button 's Bereich.

Ist es richtig, Sechsecke im XML-Markup zu platzieren, wie ich es getan habe, um Sechsecke wie in Bild zu implementieren? Bitte helfen Sie mir, das Problem mit dem Touch-Bereich zu lösen, und teilen Sie mir nach Möglichkeit mit, wie ich ein Layout richtig erstellen kann, da ich nicht sicher bin, ob dies richtig ist, da ich es tue.

Hier ist ein Teil meines Testlayouts:
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_marginTop="?attr/actionBarSize">


            <Button
                android:id="@+id/button1"
                android:layout_width="130dp"
                android:layout_height="134dp"
                android:background="@drawable/hexagon_shape_img"
                android:text="Home page"
                android:textSize="@dimen/small_text" />

            <Button
                android:id="@+id/button2"
                android:layout_width="130dp"
                android:layout_height="134dp"
                android:layout_marginLeft="65dp"
                android:layout_marginTop="-20dp"
                android:background="@drawable/hexagon_shape_img"
                android:text="Tavern"
                android:textSize="@dimen/small_text" />

        </LinearLayout>

Antworten auf die Frage(2)

Ihre Antwort auf die Frage