Текст ниже RadioButtons

Question

Мне нужна ваша помощь, чтобы решить мою проблему с макетом .. У меня есть 4 кнопки RadioB, они выглядят как обычно в этой схеме:

O text1 O text2 O text3 O text4

, где O - кнопка. Я хотел бы знать, можно ли изменить это расположение таким образом:

OOOO

text1 text2 text3 text3 text4

Answer 1

Это решение для установки текста под RadioButtons:

Этот код android:drawablePadding="-20dp" не нужен.

Вы добавляете сюда свой собственный селектор рисования: android: drawableTop = "@ drawable/your_Image_Here".

<RadioGroup
        android:id="@+id/RadioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:orientation="horizontal" >

        <RadioButton
            android:id="@+id/Icon1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@android:color/transparent"
            android:button="@android:color/transparent"
            android:checked="true"
            android:drawablePadding="-20dp"
            android:drawableTop="@drawable/your_Image_Here"
            android:gravity="center"
            android:text="@string/your_Text_Here"
            android:textColor="@color/icons_color" />

        <RadioButton
            android:id="@+id/Icon2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@android:color/transparent"
            android:button="@android:color/transparent"
            android:drawablePadding="-20dp"
            android:drawableTop="@drawable/your_Image_Here"
            android:gravity="center"
            android:text="@string/your_Text_Here"
            android:textColor="@color/icons_color" />
    </RadioGroup>

Answer 2

Я не думаю, что простой виджет RadioButton может сделать это по умолчанию. Вам нужно будет сделать одну из нескольких вещей для достижения этого эффекта. Вы можете создать свой собственный класс представления RadioButton, комбинируя RadioButton и TextView, чтобы у вас был полный контроль над расположением элементов по отношению друг к другу. Или вы можете пропустить создание вида и просто использовать два элемента в макете, 1 TextView и один RadioButton (без установленного текста).

Answer 3

Более простое решение с RadioButton по умолчанию:

<RelativeLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content">

      <RadioButton
          android:id="@+id/radio7"
          android:layout_centerHorizontal="true"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content" />

      <TextView
          android:id="@+id/tvDays7"
          android:text="7 looong days"
          android:layout_centerHorizontal="true"
          android:layout_below="@id/radio7"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content" />

  </RelativeLayout>