Wednesday, 11 February 2015

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>