Tuesday, January 3, 2012

Android form layout components example/sample

Android components in form layout example sample code shown below.

The output looks like in the below image.

Andriod form layout

main.xml has the following code to show the components in vertical layout. It should look like a form. <?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android
    android:layout_width="fill_parent
    android:layout_height="fill_parent
    android:orientation="vertical
    android:layout_margin="50sp"> 
    <TextView 
        android:layout_width="fill_parent
        android:layout_height="wrap_content
        android:gravity="center_horizontal
        android:text="@string/hello
        android:textSize="32sp" /> 

    <!-- Name -->

    <LinearLayout 
        android:layout_width="fill_parent
        android:layout_height="wrap_content
        android:paddingTop="50sp
        android:orientation="horizontal" > 
        <TextView 
            android:layout_width="200sp
            android:gravity="right
            android:layout_height="wrap_content
            android:text="@string/pname
            android:textSize="32sp" /> 
        <EditText 
            android:id="@+id/nameID
            android:layout_width="fill_parent
            android:layout_height="wrap_content
            android:layout_marginLeft="20sp
            android:inputType="text" > 
        </EditText> 
    </LinearLayout>

    <!-- Age --> 
    
    <LinearLayout android:layout_marginTop="50sp
        android:layout_width="fill_parent
        android:layout_height="wrap_content
        android:orientation="horizontal" > 
        <TextView 
            android:layout_height="wrap_content
            android:layout_width="200sp
            android:gravity="right
            android:text="@string/page
            android:textSize="32sp" /> 
        <EditText 
            android:id="@+id/ageID
            android:layout_width="fill_parent
            android:layout_height="wrap_content
            android:layout_marginLeft="20sp
            android:inputType="text" /> 
    </LinearLayout> 
    
    <!-- Sex --> 
    
    <LinearLayout android:layout_marginTop="50sp" android:layout_gravity="center_vertical"
        android:layout_width="fill_parent
        android:layout_height="wrap_content
        android:orientation="horizontal" > 
        <TextView 
            android:layout_height="wrap_content
            android:layout_width="200sp
            android:gravity="right
            android:text="@string/psex
            android:textSize="32sp" /> 
        <RadioGroup android:orientation="horizontal
            android:layout_marginLeft="20sp
            android:layout_width="fill_parent
            android:layout_height="wrap_content"> 
            <RadioButton 
                android:textSize="24sp
                android:text="@string/pmale"/> 
             <RadioButton android:layout_marginLeft="20sp
                 android:textSize="24sp
                android:text="@string/pfmale"/> 
        </RadioGroup> 
    </LinearLayout>
</LinearLayout>

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...