Style Radio Group Android

Question

Я хочу спросить, как мы можем конструировать Radio Group в Android как изображения

"Мой стиль"

Я дизайн XML, как это:

<RadioGroup 
     android:layout_below="@+id/btnGroup" 

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

      <RadioButton 
       android:id="@+id/rdiEasy" 
       android:text="EASY" 
       android:layout_alignParentLeft="true" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" /> 

      <RadioButton 
       android:id="@+id/rdiMedium" 
       android:text="MEDIUM" 
       android:layout_marginRight="8dp" 
       android:layout_alignParentRight="true" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" /> 

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

      <RadioButton 
       android:id="@+id/rdiHard" 
       android:text="HARD" 
       android:layout_alignParentLeft="true" 

       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" /> 

      <RadioButton 
       android:id="@+id/rdiHardest" 
       android:text="HARDEST" 
       android:layout_alignParentRight="true" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" /> 

     </RelativeLayout> 
    </RadioGroup> 

Я использую RadioButtonGroup wrap 2 RelativeLayout, каждый RelativeLayout содержит две кнопки Radio. Но с этим дизайном я не могу выбрать только одну радиокнопку, все еще можно выбрать мульти-переключатель. Так что любой может помочь мне, как дизайн Radio Button с этим дизайном, а только один вариант.

Answer 1

Я думаю, что это будет работать для вас

https://gist.github.com/ishitcno1/9544243

Answer 2

Используйте этот код он работает идеально.

<RelativeLayout 
    android:id="@+id/rl1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_alignParentTop="true"> 

    <RadioGroup 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_alignParentTop="true" 
     android:orientation="horizontal" 
     android:transitionGroup="true"> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:paddingLeft="30dp"> 

      <RadioButton 
       android:id="@+id/rdiEasy" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Easy" /> 

      <RadioButton 
       android:id="@+id/rdiHard" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Hard" /> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:paddingLeft="30dp"> 

      <RadioButton 
       android:id="@+id/rdiMedium" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_toRightOf="@+id/rdiEasy" 
       android:text="Medium" /> 

      <RadioButton 
       android:id="@+id/rdiHardest" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_toRightOf="@+id/rdiHard" 
       android:text="Hardest" /> 

     </LinearLayout> 
    </RadioGroup> 
</RelativeLayout> 

Answer 3

Попробуйте этот код без использования макетов внутри radiogroup.and пытается достичь желаемого рисунка, установив тяжести, как это и проверить, если переключатель выбран только один или несколько

<RadioGroup 
    android:id="@+id/radioGroup" 
    android:layout_width="500dp" 
    android:layout_height="250dp" 
    android:layout_weight=".07" 
    android:gravity="center"> 


    <RadioButton 
     android:id="@+id/radioButton2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="left|top" 
     android:layout_marginLeft="5dp" 
     android:text="New RadioButton" /> 

    <RadioButton 
     android:id="@+id/radioButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right|top" 
     android:layout_marginRight="5dp" 
     android:text="New RadioButton" /> 

    <RadioButton 
     android:id="@+id/radioButton4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|left" 
     android:layout_marginLeft="5dp" 
     android:text="New RadioButton" /> 

    <RadioButton 
     android:id="@+id/radioButton3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|right" 
     android:layout_marginRight="5dp" 
     android:text="New RadioButton" /> 

</RadioGroup>