텍스트 위치를 미러하는 방법은 무엇입니까?

Question

왼쪽과 오른쪽에 텍스트를 놓으려고하는데 아래와 같이 미러링 위치가 있습니다.

은 여기에서 일어나고있는 것은 오른쪽 위의 더 두 행을 밀어 때문에 오른쪽 열 ("좀 더 텍스트")의 마지막 행이 넓은 것입니다. 대칭을 위해 왼쪽 열이 왼쪽으로 더 밀려납니다. 텍스트 값은 동적이어야합니다. 누구든지 레이아웃을 어떻게 설계해야하는지 알고 있습니까?

여기 내 코드입니다 (! 슬프게도, 심지어는 오른쪽으로 정렬되지 않음) :

<LinearLayout 
    android:layout_height="0dp" 
    android:layout_width="match_parent" 
    android:layout_weight="1"> 
    <RelativeLayout android:layout_height="match_parent" 
     android:layout_width="0dp" 
     android:layout_weight="1"> 
     <RelativeLayout android:id="@+id/description_30" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true">   
      <TextView android:id="@+id/title_30" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="30 DAYS"/> 
      <TextView android:id="@+id/num_ds_30" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/title_30"/> 
      <TextView android:id="@+id/num_bs_30" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"    
       android:layout_below="@id/num_ds_30"/> 
     </RelativeLayout> 
    </RelativeLayout> 

    <RelativeLayout android:id="@+id/description_today" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:layout_toRightOf="@id/description_30"> 
     <TextView android:id="@+id/title_today" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="right" 
      android:text="TODAY"/> 
     <TextView android:id="@+id/num_ds_today" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="right" 
      android:layout_below="@id/title_today"/> 
     <TextView android:id="@+id/num_bs_today" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="right"   
      android:layout_below="@id/num_ds_today"/> 
     </RelativeLayout> 
</LinearLayout> 

Answer 1

당신은 LinearLayout의 중첩에 의해 그런 일을 달성 할 수있다. 외부 LinearLayout은 orientation=horizontal이고, 내부는 vertical 인 두 개의 내부 LinearLayout이며 각각은 layout_weight=1이고 두 번째 (오른쪽) LinearLayout은 gravity="right"입니다.

코드는 다음과 같습니다.

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

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:layout_weight="1"> 

      <TextView 
        ... /> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:layout_weight="1"> 

      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:orientation="vertical" 
       android:gravity="right"> 

       <TextView 
         ... /> 

      </LinearLayout> 

     </LinearLayout> 

    </LinearLayout> 

Answer 2

저는 RelativeLayout을 사용하고 TextViews를 왼쪽/오른쪽으로 정렬하는 것이 좋은 방법이라고 생각합니다. 이와 같이 :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <TextView 
     android:id="@+id/Text1_Left" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" /> 

    <TextView 
     android:id="@+id/Text2_Left" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@id/Text1_Left" /> 

    <TextView 
     android:id="@+id/Text3_Left" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@id/Text2_Left" /> 

    <TextView 
     android:id="@+id/Text1_Right" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_toRightOf="@id/Text1_Left" 
     android:gravity="right" /> 

    <TextView 
     android:id="@+id/Text2_Right" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_below="@id/Text1_Right" 
     android:layout_toRightOf="@id/Text2_Left" 
     android:gravity="right" /> 

    <TextView 
     android:id="@+id/Text3_Right" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_below="@id/Text2_Right" 
     android:layout_toRightOf="@id/Text1_Left" 
     android:gravity="right" /> 

</RelativeLayout>