Botón hexagonal con área táctil hexagonal

Necesito crear los mismos botones que en la imagen de abajo.ButtonDebe estar con el texto adentro.

Cuando estaba haciendoXML diseño me encontré con un problema deButtonEl área de contacto. Cada botón siguiente es el botón anterior de la cubierta con un rectangularButtonárea de

¿Es correcto colocar hexágonos en el marcado XML como lo hice, para implementar hexágonos como en la imagen? Por favor, ayúdame a resolver un problema con el área táctil y, si es posible, dime cómo crear un diseño correcto, porque no estoy seguro de que lo estoy haciendo correctamente.

Aquí está parte de mi diseño de prueba:
        <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>

Respuestas a la pregunta(1)

Su respuesta a la pregunta