Относительное расположение текстового поля не правильно выравнивается

Question

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:padding="5dip" > 

    <LinearLayout 
     android:id="@+id/linearLayout1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginRight="5dip" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Name" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:id="@+id/facesheet_detail_firstandLastName"    
      android:layout_weight="1.20" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Street1" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_street1"    
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="E-Mail" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_email"    
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/linearLayout2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginTop="35dp" 
     android:layout_marginRight="5dip" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.60" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Gender" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_gender"    
      android:layout_width="0dp" 
      android:layout_weight="1.40" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.60" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Street 2" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_street2"    
      android:layout_width="0dp" 
      android:layout_weight="1.20" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="SSN" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_ssn"    
      android:layout_width="0dp" 
      android:layout_weight="1.20" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/linearLayout3" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginRight="5dip" 
     android:layout_marginTop="70dp" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="DOB" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_dob"    
      android:layout_width="0dp" 
      android:layout_weight="1.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="City" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_city"    
      android:layout_width="0dp" 
      android:layout_weight="1.30" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.70" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Religion" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_religion" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="" 
      android:textColor="#000000" /> 

    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/linearLayout4" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginRight="5dip" 
     android:layout_marginTop="105dp" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.60" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Phone" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_phone"    
      android:layout_width="0dp" 
      android:layout_weight="1.15" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.60" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="State" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_state"    
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Race" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_race" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="" 
      android:textColor="#000000" /> 

    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/linearLayout5" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginRight="5dip" 
     android:layout_marginTop="140dp" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.60" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Mobile" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_mobile"    
      android:layout_width="0dp" 
      android:layout_weight="1.35" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.70" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Zip Code" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_zipCode"    
      android:layout_width="0dp" 
      android:layout_weight="1.15" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.70" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Ethnicity" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_ethnicity" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

    </LinearLayout> 
</RelativeLayout> 

У меня возникла проблема, когда мне нужно сопоставить что-то подобное этой униформе.

Name: "Kevin"  State: "VA"  Email: "Kevin@Kevin.com 

Но может раскладка, кажется, запутались, когда я пытаюсь увидеть выход в эмуляторе, прилагается снимок экрана того же самого. Может ли кто-нибудь сказать мне, что такое точное пространство, которое я должен давать, чтобы сделать его однородным.

Answer 1

Если вы хотите, чтобы ваши строки должны быть выровнены таким же образом, убедитесь, что вы даете одинаковый вес каждому TextView, на каждом из них от LinearLayout.

Например:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:padding="5dip" > 

    <LinearLayout 
     android:id="@+id/linearLayout1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginRight="5dip" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Name" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:id="@+id/facesheet_detail_firstandLastName"    
      android:layout_weight="1.20" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Street1" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_street1"    
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/linearLayout2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginTop="35dp" 
     android:layout_marginRight="5dip" 
     android:padding="1dip" > 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Gender" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_gender"    
      android:layout_width="0dp" 
      android:layout_weight="1.20" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_weight="0.50" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="Street 2" 
      android:textColor="#000000" /> 

     <TextView 
      android:id="@+id/facesheet_detail_street2"    
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:textColor="#000000" /> 
    </LinearLayout> 
</RelativeLayout>  

Обратите внимание, что «Имя» и «Пол» TextView s имеют одинаковый вес, так как я хочу, чтобы они были выровнены. То же самое со вторым TextView каждого LinearLayout и так далее.

Answer 2

Вы можете использовать свойства

android:layout_alignLeft="@+id/idOfViewToAlignWith" 
android:layout_alignRight="@+id/idOfViewToAlignWith" 

для выравнивания краев Views

Вы также такие свойства, как

android:layout_alignCenter 
android:layout_centerInParent="true" 

Посмотрите через RelativeLayout Docs, чтобы увидеть, свойств й работы для вас

Кроме того, это целая серия Views. Я бы предложил комментировать все, кроме одного или двух строк и столбцов, и начинать с минимального количества Views, пока вы не получите их правильно, чтобы вы не постоянно меняли многие из них. Вы также можете сыграть с padding немного после использования этих новых свойств. Так как они вложены в LinearLayouts вы хотите использовать эти свойства в родительском LinearLayouts, очевидно