Overlaping de conception de formulaire Android

Question

Dans mon projet, je dois créer un formulaire d'inscription comme suit. Mais quand je conçois le formulaire, il recouvre certains éléments. Comment puis-je facilement concevoir le formulaire d'inscription dans Android. Comment puis-je resoudre ceci? Merci d'avance.

<?xml version="1.0" encoding="utf-8"?> 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/ScrollView1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 


<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="#FFFFFF" 
    > 
    <TextView android:text="Registration Form" 
    android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"> 
    </TextView> 

    <View 
    android:layout_below="@id/textView1" 
    android:background="#000000" 
    android:layout_height="1dp" 
    android:id="@+id/view1" 
    android:layout_width="fill_parent" > 
    </View> 

    <!-- Child Menu Section of Registration Form --> 

    <RelativeLayout 
    android:layout_below="@id/textView1" 
    android:id="@+id/rlKidsMenuRegForm" 
    android:layout_height="wrap_content" 
    android:layout_width="fill_parent" 
    > 
     <TextView android:layout_alignParentLeft="true" 
     android:text="Do you use the kids MENU?" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:id="@+id/textView2"> 
     </TextView> 

     <EditText android:layout_toRightOf="@id/textView2" 
     android:textSize="10sp" 
     android:layout_height="15dp" 
     android:text="EditText" 
     android:id="@+id/editText1" 
     android:layout_width="wrap_content"> 
     </EditText> 

     <EditText android:layout_height="wrap_content" 
     android:text="EditText" 
     android:textSize="10sp" 
     android:id="@+id/editText2" 
     android:layout_width="wrap_content" 
     android:layout_below="@id/editText1"> 
     </EditText> 

     <EditText android:layout_toRightOf="@id/editText2" 
     android:layout_below="@id/editText1" 
     android:layout_height="wrap_content" 
     android:textSize="10sp" 
     android:text="EditText" 
     android:id="@+id/editText3" 
     android:layout_width="wrap_content"> 
     </EditText> 

     <View 
     android:layout_below="@id/editText3" 
     android:background="#000000" 
     android:layout_height="1dp" 
     android:id="@+id/view1" 
     android:layout_width="fill_parent" > 
     </View> 


    </RelativeLayout> 


    <!-- Mid Section of Registration Form --> 

    <RelativeLayout 
    android:layout_below="@id/rlKidsMenuRegForm" 
    android:id="@+id/rlMidRegForm" 
    android:layout_height="wrap_content" 
    android:layout_width="fill_parent" 
    android:background="#FFFFFF" 
    > 
     <EditText android:layout_alignParentLeft="true" 
     android:layout_height="wrap_content" 
     android:text="EditText" 
     android:id="@+id/editText4" 
     android:layout_width="wrap_content"> 
     </EditText> 

     <EditText android:layout_height="wrap_content" 
     android:text="EditText" 
     android:id="@+id/editText5" 
     android:layout_width="wrap_content" 
     android:layout_toRightOf="@id/editText4"> 
     </EditText> 

     <TextView android:text="TextView" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_width="fill_parent" 
     android:id="@+id/textView3" 
     android:layout_below="@id/editText5" 
     > 
     </TextView> 

     <EditText android:layout_height="wrap_content" 
     android:text="EditText" 
     android:id="@+id/editText5" 
     android:layout_width="fill_parent" 
     android:layout_below="@id/textView3"> 
     </EditText> 

     <TextView android:text="TextView" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_width="fill_parent" 
     android:layout_below="@id/editText5" 
     android:id="@+id/textView3" 

     > 
     </TextView> 

     <TextView android:text="TextView" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_width="wrap_content" 
     android:id="@+id/textView3" 
     android:layout_below="@id/textView3" 
     > 
     </TextView> 

    </RelativeLayout> 

</RelativeLayout> 

</ScrollView> 

Answer 1

• avant tout changement @id-@+id

• donnent ids uniques pour chaque champ de l'interface utilisateur

• position de maintenir avec layout_toRightOf, layout_toLeftOf et ainsi de suite.

Dans votre fichier xml que vous avez donné id comme @+id/textView1 pour le textview mais pour une vue que vous alignez

<View 
android:layout_below="@id/textView1"//===> here 
....