Botão hexagonal com área de toque hexagonal

Preciso criar os mesmos botões como na imagem abaixo.Buttondeve estar com o texto dentro.

Quando eu estava fazendoXML layout que encontrei com um problema deButtonárea de toque de. Cada botão seguinte cobre o botão anterior com um retânguloButtonárea de

É correto colocar hexágonos na marcação XML como eu fiz para implementar hexágonos como na figura? Por favor, ajude-me a resolver o problema com a área de toque e, se possível, diga-me como criar um layout corretamente, porque não tenho certeza de que, uma vez que estou fazendo, esteja correto.

Aqui está parte do meu layout de teste:
        <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>

questionAnswers(1)

yourAnswerToTheQuestion