Шестигранная кнопка с шестигранной сенсорной областью

Мне нужно создать такие же кнопки, как на картинке ниже.Buttonдолжно быть с текстом внутри.

Когда я делалXML макет я столкнулся с проблемойButtonСенсорная зона. Каждая следующая кнопка покрывает предыдущую кнопку прямоугольнойButtonПлощадь

Правильно ли размещать шестиугольники в разметке XML, как я сделал, для реализации шестиугольников, как на картинке? Пожалуйста, помогите мне решить проблему с сенсорной областью и, если возможно, скажите мне, как правильно создать макет, потому что я не уверен, так как я делаю правильно.

Вот часть моего макета теста:
        <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>

Ответы на вопрос(1)

Ваш ответ на вопрос