UI Design Task -1

 

1)xml Code for Design this Screen:

<?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:background="#ffffff"

    android:orientation="vertical" >

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="40dp"

        android:background="#2A6EC1"

        android:orientation="horizontal" >

        <ImageView

            android:layout_width="50dp"

            android:layout_height="40dp"

            android:src="@drawable/t0" />

        <TextView

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_gravity="center_vertical"

            android:text="UI Task"

            android:textColor="#ffffff"

            android:textSize="20dp"

            android:textStyle="bold" />

    </LinearLayout>

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="#82DEF7"

        android:orientation="vertical" >

        <LinearLayout

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:orientation="vertical" >

            <LinearLayout

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:orientation="horizontal" >

                <ImageView

                    android:layout_width="fill_parent"

                    android:layout_height="80dp"

                    android:layout_weight="1"

                    android:src="@drawable/t1" />

                <ImageView

                    android:layout_width="fill_parent"

                    android:layout_height="80dp"

                    android:layout_weight="1"

                    android:src="@drawable/t2" />

            </LinearLayout>

            <LinearLayout

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:orientation="horizontal" >

                <TextView

                    android:layout_width="fill_parent"

                    android:layout_height="30dp"

                    android:layout_weight="1"

                    android:gravity="center"

                    android:text="Train Schedule"

                    android:textColor="#000000"

                    android:textSize="15dp" />

                <TextView

                    android:layout_width="fill_parent"

                    android:layout_height="30dp"

                    android:layout_weight="1"

                    android:gravity="center"

                    android:text="PNR Enquiry"

                    android:textColor="#000000"

                    android:textSize="15dp" />

            </LinearLayout>

        </LinearLayout>

        <LinearLayout

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:orientation="vertical" >

            <LinearLayout

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:orientation="horizontal" >

                <ImageView

                    android:layout_width="fill_parent"

                    android:layout_height="80dp"

                    android:layout_weight="1"

                    android:src="@drawable/t3" />

                <ImageView

                    android:layout_width="fill_parent"

                    android:layout_height="80dp"

                    android:layout_weight="1"

                    android:src="@drawable/t4" />

            </LinearLayout>

            <LinearLayout

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:orientation="horizontal" >

                <TextView

                    android:layout_width="fill_parent"

                    android:layout_height="30dp"

                    android:layout_weight="1"

                    android:gravity="center"

                    android:text="MyText"

                    android:textColor="#000000"

                    android:textSize="15dp" />

                <TextView

                    android:layout_width="fill_parent"

                    android:layout_height="30dp"

                    android:layout_weight="1"

                    android:gravity="center"

                    android:text="MyText"

                    android:textColor="#000000"

                    android:textSize="15dp" />

            </LinearLayout>

        </LinearLayout>

        <LinearLayout

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:orientation="vertical" >

            <LinearLayout

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:orientation="horizontal" >

                <ImageView

                    android:layout_width="fill_parent"

                    android:layout_height="80dp"

                    android:layout_weight="1"

                    android:src="@drawable/t5" />

                <ImageView

                    android:layout_width="fill_parent"

                    android:layout_height="80dp"

                    android:layout_weight="1"

                    android:src="@drawable/t6" />

            </LinearLayout>

            <LinearLayout

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:orientation="horizontal" >

                <TextView

                    android:layout_width="fill_parent"

                    android:layout_height="30dp"

                    android:layout_weight="1"

                    android:gravity="center"

                    android:text="MyText"

                    android:textColor="#000000"

                    android:textSize="15dp" />

                <TextView

                    android:layout_width="fill_parent"

                    android:layout_height="30dp"

                    android:layout_weight="1"

                    android:gravity="center"

                    android:text="MyText"

                    android:textColor="#000000"

                    android:textSize="15dp" />

            </LinearLayout>

        </LinearLayout>

    </LinearLayout>

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="40dp"

        android:background="#2A6EC1"

        android:orientation="horizontal" >

        <ImageView

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:layout_gravity="center_vertical"

            android:layout_weight="1"

            android:src="@drawable/f1" />

        <ImageView

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:layout_weight="1"

            android:src="@drawable/f2" />

        <ImageView

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:layout_gravity="center_vertical"

            android:layout_weight="1"

            android:src="@drawable/f3" />

        <ImageView

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:layout_gravity="center_vertical"

            android:layout_weight="1"

            android:src="@drawable/f4" />

        <ImageView

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:layout_gravity="center_vertical"

            android:layout_weight="1"

            android:src="@drawable/f5" />

    </LinearLayout>

</LinearLayout>

2)Images for Screen Design:

Copy this images and Save to your drawable folder your project will be successfully executed.