Как отобразить текстовое изображение над кнопкой с пользовательским расположением?

Question

Как отобразить текстовое представление по пользовательской кнопке (которая использует png из res/drawable)?

Я пытаюсь создать пользовательский интерфейс для носимых квадратных часов для износа андроида. Я создал пользовательские фоны, чтобы изменить внешний вид двух кнопок, из которых я хочу, чтобы макет состоял из. Когда я добавляю текстовое представление в макет, он всегда помещается под кнопкой и никогда не отображается.

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

Хотя я мог бы использовать текстовое поле в самой кнопке, я предпочел бы иметь выделенный текст для текста, написанного внутри. Но я просто не могу понять, в чем проблема.

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 


    <TextView 
     android:id="@+id/textView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Text" 
     android:textColor="#ffffff" 
     android:layout_gravity="center"/> 

    <Button 
     android:id="@+id/wearable_alarm_button" 
     android:layout_width="wrap_content" 
     android:background="@drawable/red_button" 
     android:layout_height="wrap_content" /> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="120dp" 
     android:background="@drawable/blue_button" 
     android:id="@+id/wearable_timer_button" 
     android:layout_gravity="right|bottom" /> 
</FrameLayout> 

Answer 1

добавить тег после тегов как

<Button 
    android:id="@+id/wearable_alarm_button" 
    android:layout_width="wrap_content" 
    android:background="@drawable/red_button" 
    android:layout_height="wrap_content" /> 

<Button 
    android:layout_width="130dp" 
    android:layout_height="120dp" 
    android:background="@drawable/blue_button" 
    android:id="@+id/wearable_timer_button" 
    android:layout_gravity="right|bottom" /> 
<TextView 
    android:id="@+id/textView" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Text" 
    android:textColor="#ffffff" 
    android:layout_gravity="center"/> 

Он покажет TextView над кнопками.