Android Form Design Overlaping

Posted by Mashfuk on Stack Overflow See other posts from Stack Overflow or by Mashfuk
Published on 2012-10-02T09:34:57Z Indexed on 2012/10/02 9:37 UTC
Read the original article Hit count: 360

Filed under:
|
|

In My Project I have to built a registration form like the following. But when I design the form it overlays some item. How can I easily design registration form in android. How can I solve this? Thanks in advanced.

<?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>

© Stack Overflow or respective owner

Related posts about android

Related posts about forms