Android fifth lecture

Relative layout:

This layout has an advantage that it executes faster than linear layout.

In this layout every component has its own ID in it.

A code to make login page in Relative layout:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <TextView 

       android:id="@+id/txt_Username"

       android:layout_height="wrap_content"

       android:layout_width="fill_parent"

       android:textSize="20dp"

       android:text="User Name"

       />

    <EditText 

        

        android:layout_height="wrap_content"

       android:layout_width="fill_parent"

       android:id="@+id/edt_username"

       android:layout_below="@+id/txt_Username"

        />

     <TextView 

       android:id="@+id/txt_password"

       android:layout_height="wrap_content"

       android:layout_width="fill_parent"

       android:textSize="20dp"

       android:text="Password"

       android:layout_below="@+id/edt_username"

       />

    <EditText 

        android:id="@+id/edt_password"

        android:layout_height="wrap_content"

       android:layout_width="fill_parent"

       android:layout_below="@+id/txt_password"

        />

    <LinearLayout 

        android:layout_height="wrap_content"

       android:layout_width="fill_parent"

       android:orientation="horizontal"

       android:layout_below="@+id/edt_password"

        >

        

        <Button 

            android:layout_height="wrap_content"

            android:layout_width="fill_parent"

            android:textSize="20dp"

            android:text="Login"

            android:layout_weight="1"

          />

         <Button 

            android:layout_height="wrap_content"

            android:layout_width="fill_parent"

            android:textSize="20dp"

            android:text="Cancel"

            android:layout_weight="1"

           />

    </LinearLayout>

</RelativeLayout>