Radiobutton avec le texte au-dessus du bouton

Je suis nouveau sur android et j'ai besoin d'ajouter des boutons radio sur mon activité, mais j'ai besoin de placer le texte au-dessus de la puce bouton.

Toute aide, s'il vous plaît. J'ai trouvé le suivant, même si je ne comprends pas ce que l' @drawable/main_selector et @style/TabStyle.

Radiobutton avec le texte sur le dessus

Quelqu'un peut-il me donner un 101 guide.

Mise à JOUR

J'ai utilisé les éléments suivants selon certains suggestion, mais n'a pas fonctionné:

<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<RadioButton
    android:text="something that is on top"
    android:id="@+id/toggle_tab_left"
    android:button="?android:attr/listChoiceIndicatorSingle"        
    style="@null"/>

<RadioButton 
    android:button="?android:attr/listChoiceIndicatorSingle"
    android:text="something that is on top"
    android:id="@+id/toggle_tab_right"
    style="@null"/>
</RadioGroup>

Mise à JOUR 2

J'ai eu ma solution de Warpzit, mais avant je note la question répondu, quelqu'un peut m'aider sur le problème d'alignement ci-dessous.
Je dispose de 5 boutons radio en ligne où certains d'entre eux ont plus de texte, divisé en 2 lignes. lorsque le texte s'adapter à l'écran, en raison de paysage, ou sur des tablettes, alors tout le texte doit être en une seule ligne:

Radiobutton avec le texte au-dessus du bouton

Mise à JOUR 3

... en fonction de la taille de l'écran le texte divisé en un nombre différent de lignes. Il ne sera pas toujours standard

Radiobutton avec le texte au-dessus du bouton

source d'informationauteur Yiannis Stavrianos

  1. 26

    La @style/TabStyle est tout simplement un style qui lui est appliquée, vous pouvez l'ignorer. Le @drawable/main_selector est un graphique qui est activée en fonction de la situation. Vous pouvez lire plus sur les sélecteurs ici.

    Exemple, pour obtenir un texte sur le dessus:

    <?xml version="1.0" encoding="utf-8"?>
<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<RadioButton
    android:text="Text on top"
    android:button="@null"
    android:background="#f00"
    android:layout_weight="1"/>

<RadioButton 
    android:text="Text on top"
    android:button="@null"
    android:background="#0f0"
    android:layout_weight="1"/>
</RadioGroup>

    Donnera le résultat suivant:

    Radiobutton avec le texte au-dessus du bouton

    Si vous souhaitez que le Texte apparaisse ci-dessus le bouton que vous pouvez utiliser xml suivant:

    <?xml version="1.0" encoding="utf-8"?>
<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<RadioButton
    android:text="Text on top"
    android:button="@null"
    android:drawableBottom="@android:drawable/btn_radio"
    android:gravity="center"
    android:layout_weight="1"/>

<RadioButton
    android:text="Text on top"
    android:button="@null"
    android:drawableBottom="@android:drawable/btn_radio"
    android:gravity="center"
    android:layout_weight="1"/>
</RadioGroup>

    Cela donnera le résultat suivant:

    Radiobutton avec le texte au-dessus du bouton

  2. 18

    Pour compléter Warpzit grande réponsevous devez utiliser android:gravity="center_horizontal|bottom" et android:layout_height="match_parent" sur les boutons, pour les aligner.

    Aussi il n'y a pas besoin de copier le bouton radio à un drawable de PSBA, utilisez ?android:attr/listChoiceIndicatorSingle.

    Radiobutton avec le texte au-dessus du bouton

    XML de Mise en page

    <RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/radioGroup1"
    android:layout_width="400dp"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="20dp" >

    <RadioButton
        android:id="@+id/radio0"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:button="@null"
        android:drawableBottom="?android:attr/listChoiceIndicatorSingle"
        android:gravity="center_horizontal|bottom"
        android:text="RadioButton" />

    <RadioButton
        android:id="@+id/radio1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:button="@null"
        android:drawableBottom="?android:attr/listChoiceIndicatorSingle"
        android:gravity="center_horizontal|bottom"
        android:text="RadioButton dsfsdfsdfsdfsdf" />

    <RadioButton
        android:id="@+id/radio2"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:button="@null"
        android:drawableBottom="?android:attr/listChoiceIndicatorSingle"
        android:gravity="center_horizontal|bottom"
        android:text="RadioButton fdsfsd fdsfsdf fsfsdfs" />

</RadioGroup>