Шестигранная кнопка с шестигранной сенсорной областью
Мне нужно создать такие же кнопки, как на картинке ниже.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>