下のテキストビューToggleButton RadioGroup内

Question

タイトルによれば、RadioGroupの下にあるToggleButtonの直下のテキストを整列させる必要があります。

私は、各サークルの下のステータステキストをしたいです。 RelativeLayoutなどの組み合わせで試しましたが、うまくいきませんでした。あなたは以下のようなレイアウトを使用することを検討して代わりの姿勢水平にRADIOGROUP内のTextViewウィジェットを追加することができます

<LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal" 
     android:orientation="horizontal" 
     android:paddingBottom="10dp" 
     android:paddingLeft="10dp" 
     android:paddingTop="10dp"> 

     <RadioGroup 
      android:id="@+id/toggleGroup" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 


      <ToggleButton 
       android:id="@+id/toggleOnlineStatus" 
       android:layout_width="50dp" 
       android:layout_height="wrap_content" 
       android:background="@drawable/style_toggle_button" 
       android:checked="true" 
       android:textOff="" 
       android:textOn="" /> 

      <TextView 
       android:id="@+id/tvOnline" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/toggleOnlineStatus" 
       android:layout_centerHorizontal="true" 
       android:text="Away" /> 

      <ToggleButton 
       android:id="@+id/toggleAwayStatus" 
       android:layout_width="50dp" 
       android:layout_height="wrap_content" 
       android:background="@drawable/style_toggle_button" 
       android:textOff="" 
       android:textOn="" /> 

      <TextView 
       android:id="@+id/tvAway" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:gravity="center_horizontal" 
       android:text="Away" /> 

      <ToggleButton 
       android:id="@+id/toggleDNDStatus" 
       android:layout_width="50dp" 
       android:layout_height="wrap_content" 
       android:background="@drawable/style_toggle_button" 
       android:textOff="" 
       android:textOn="" /> 

      <TextView 
       android:id="@+id/tvDND" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="DND" /> 

      <ToggleButton 
       android:id="@+id/toggleXAStatus" 
       android:layout_width="50dp" 
       android:layout_height="wrap_content" 
       android:background="@drawable/style_toggle_button" 
       android:textOff="" 
       android:textOn="" /> 

      <TextView 
       android:id="@+id/tvXA" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="XA" /> 


     </RadioGroup> 


    </LinearLayout> 

Answer 1

：

は、ここに私のレイアウト部分です。

この例を見て、それがあなたが探しているものかどうかを確認してください。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_gravity="center_horizontal" 
android:orientation="vertical" 
android:paddingBottom="10dp" 
android:paddingLeft="10dp" 
android:paddingTop="10dp"> 


    <RadioGroup 
     android:id="@+id/toggleGroup" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 

     <ToggleButton 
      android:id="@+id/toggleOnlineStatus" 
      android:layout_width="50dp" 
      android:layout_height="wrap_content" 
      android:background="@drawable/add" 
      android:checked="true" 
      android:layout_margin="12dp" 
      android:textOff="" 
      android:textOn="" /> 

     <ToggleButton 
      android:id="@+id/toggleAwayStatus" 
      android:layout_width="50dp" 
      android:layout_height="wrap_content" 
      android:background="@drawable/add" 
      android:layout_margin="12dp" 
      android:textOff="" 
      android:textOn="" /> 

     <ToggleButton 
      android:id="@+id/toggleDNDStatus" 
      android:layout_width="50dp" 
      android:layout_height="wrap_content" 
      android:background="@drawable/add" 
      android:layout_margin="12dp" 
      android:textOff="" 
      android:textOn="" /> 

     <ToggleButton 
      android:id="@+id/toggleXAStatus" 
      android:layout_width="50dp" 
      android:layout_height="wrap_content" 
      android:background="@drawable/add" 
      android:layout_margin="12dp" 
      android:textOff="" 
      android:textOn="" /> 

    </RadioGroup> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 

     <TextView 
      android:id="@+id/tvOnline" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="Online" /> 

     <TextView 
      android:id="@+id/tvAway" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="Away" /> 

     <TextView 
      android:id="@+id/tvDND" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="Away" /> 

     <TextView 
      android:id="@+id/tvXA" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="Away" /> 

    </LinearLayout> 

この表示は以下の通りです。あなたはToggleButton要素でandroid:drawableTop属性を使用することができます

Answer 2

：

 <ToggleButton 
      android:id="@+id/toggleOnlineStatus" 
      android:layout_width="50dp" 
      android:layout_height="wrap_content" 
      android:drawableTop="@drawable/style_toggle_button" 
      android:checked="true" 
      android:textOff="Online" 
      android:textOn="Online" />