Exp5: Study of User Interface Design-Layouts

Code for activity_main.xml

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

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

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/activity_main"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.example.administrator.exp5_layout.MainActivity"

    >



    <TextView

        android:id="@+id/TextVw1"

        android:layout_width="wrap_content"

        android:layout_height="25dp"

        android:text="Relative Layout"

        android:textAlignment="center"

        android:fontFamily="cursive"

        android:textSize="18sp"

        android:textColor="@android:color/holo_purple" />









    <ImageView

        android:id="@+id/ImgVw1"

        android:layout_width="match_parent"

        android:layout_height="120dp"

        android:src="@drawable/img3"

        android:layout_below="@+id/TextVw1"

        android:scaleType="centerCrop" />





    <ImageView

        android:id="@+id/ImgVw2"

        android:layout_width="match_parent"

        android:layout_height="120dp"

        android:src="@drawable/img5"

        android:scaleType="centerCrop"

        android:layout_marginTop="11dp"

        android:layout_below="@+id/ImgVw1"

        android:layout_alignParentLeft="true"

        android:layout_alignParentStart="true" />



    <ImageView

        android:id="@+id/ImgVw3"

        android:layout_width="match_parent"

        android:layout_height="120dp"

        android:src="@drawable/img4"

        android:scaleType="centerCrop"

        android:layout_below="@+id/ImgVw2"

        android:layout_alignParentLeft="true"

        android:layout_alignParentStart="true"

        android:layout_marginTop="15dp" />



    <Button

        android:layout_width="match_parent"

        android:layout_height="50dp"

        android:text="Next Page"

        android:layout_alignParentBottom="true"

        android:onClick="NextPage"

        android:background="@android:color/holo_purple"

        android:fontFamily="cursive"

        android:textStyle="normal|bold"

        android:textSize="30sp"

        android:textColor="@android:color/background_light" />



</RelativeLayout>

Code for MainActivity.java

package com.example.administrator.exp5_layout;



import android.content.Context;

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;



public class MainActivity extends AppCompatActivity {



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    }



    public void NextPage(View view) {

        Intent intent = new Intent();

        intent.setClass(MainActivity.this, NextPage.class);

        startActivity(intent);

    }

}

Code for NextPage.xml

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

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

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    >



    <ImageView

        android:id="@+id/ImgVw4"

        android:layout_width="130dp"

        android:layout_height="match_parent"

        android:src="@drawable/img3"

        android:scaleType="centerCrop" />



    <ImageView

        android:id="@+id/ImgVw5"

        android:layout_width="134dp"

        android:layout_height="wrap_content"

        android:src="@drawable/img5"

        android:scaleType="centerCrop" />



    <ImageView

        android:layout_width="130dp"

        android:layout_height="match_parent"

        android:src="@drawable/img4"

        android:scaleType="centerCrop" />





</LinearLayout>

Code for NextPage.java

package com.example.administrator.exp5_layout;



import android.os.Bundle;





public class NextPage extends MainActivity {

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.nextpage);

    }

}

Output:-

                                                                                   Relative Layout                

Linear Layout