Макет Android — отображение 2 векторов и текста кнопки

#android #button #layout

#Android #кнопка #макет

Вопрос:

Я пытаюсь создать кнопки из: вектора (какой-то рамки) за другим вектором (какой-то значок) и обоих над текстом (какое-то описание).

Весь этот объект (векторы и текст) должен быть интерактивным.


  • Посмотрите, например, этот каркас (требуемый вид):

введите описание изображения здесь


В настоящее время мне не удалось этого сделать. Единственный результат, которого я смог достичь, — это создание кнопки, на которой 2 вектора расположены по всему ней, а текст находится внутри рамки. Визуальный результат отличается от требуемого:

  • Посмотрите этот макет, например (текущий вид):

введите описание изображения здесь

 <Button
        android:id="@ id/btn_settings"
        android:layout_width="140dp"
        android:layout_height="140dp"
        android:background="@drawable/ic_frame"
        android:drawableTop="@drawable/ic_settings"
        android:paddingTop="20dp"
        android:paddingBottom="8dp"
        android:text="@string/btn_txtSettings"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@ id/btn_dri"
        app:layout_constraintTop_toBottomOf="@ id/btn_fov" />
  

У кого-нибудь есть идея, как создать нужную кнопку?

Комментарии:

1. Если вы создадите изображение с рамкой и значком и поместите его в фоновый режим, я думаю, это должно сработать. Другое решение — создать пользовательский вид.