Android布局-显示2个矢量和一个按钮的文本

如何解决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" />

---

有人知道如何创建所需的按钮吗？