ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Communications»
  • Smartphones»
  • Android Phones

Android Activity application example - form one screen activity to another screen activity

Updated on April 26, 2014

An activity in Android is basically a single screen. An Android application can have single or multiple screen. In this tutorial, we will build a small Android application which will deal with activities. We will create activities so that we can explore form one screen activity to another screen activity Remember, this tutorial only focus how to interact with activities.

What application we are going to create?

In this tutorial, we will discuss how to create multiple activity and link them together. We will create two activities and will name it as First Activity and Second Activity. For each activity, we will create a button to go another activity. Suppose the buttons are Button_1 and Button_2 for first and second activity. When we will press Button_1 from First Activity screen, it will go to the Second Activity. And if we press Button_2 from Second Activity, it will provide option to go back to First Activity by pressing Button_2.

Project structure

Screenshots of the complete tutorial:

After the completion of this tutorial, we can run the application. After successful running, We will find the following screen. By default we will see the default activity. In this case, our default activity is the first activity. Here we will see the option to go to the second activity.

Now, if we click the button, the Android application will go to the second screen like the following. From here, we can also go to the first activity if we press the button again.

Steps to create Android Activity application form one screen activity to another screen activity:

Follow the following steps to create Android Activity application form one screen activity to another screen activity:

Step 1: Creating an Android application project

To create this application, we will use Android ADT. First, create a new Android application project using ADT.

Step 2: Creating XML layouts

Go to res/layout/ folder location and create two XML layout file. For example, the XML files for our Android application project, are: activity_first.xml and activity_second.xml. The location of those files will be like the following:

  1. res/layout/activity_first.xml [Represents screen 1 for first activity]
  2. res/layout/activity_second.xml [Represents screen 2 for second activity]

activity_first.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    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.hubpages.plusminus.androidactivityproject.MainActivity$PlaceholderFragment" >

    <Button
        android:id="@+id/firstActivityButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/firstActivityButton" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="52dp"
        android:text="@string/firstActivity"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

activity_second.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    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.hubpages.plusminus.androidactivityproject.SecondActivity$PlaceholderFragment" >

    <Button
        android:id="@+id/secondActivityButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/secondActivityButton" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="28dp"
        android:text="@string/secondActivity"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

Step 3: Create Activities classes

Create two activity classes: FirstActivity.java and SecondActivity.java

FirstActivity.java

package com.hubpages.plusminus.androidactivityproject;

import com.example.androidactivityproject.R;

import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class FirstActivity extends ActionBarActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_first);
		
		final Button firstActivityButton = (Button) findViewById(R.id.firstActivityButton);
		final Context context = this;

		firstActivityButton.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {

				Intent intent = new Intent(context, SecondActivity.class);
				startActivity(intent);

			}
		});

	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {

		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		// Handle action bar item clicks here. The action bar will
		// automatically handle clicks on the Home/Up button, so long
		// as you specify a parent activity in AndroidManifest.xml.
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}

}

SecondActivity.java

package com.hubpages.plusminus.androidactivityproject;

import com.example.androidactivityproject.R;

import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class SecondActivity extends ActionBarActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_second);

		final Button secondtActivityButton = (Button) findViewById(R.id.secondActivityButton);
		final Context context = this;

		secondtActivityButton.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {

				Intent intent = new Intent(context, FirstActivity.class);
				startActivity(intent);

			}
		});

	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {

		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.second, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		// Handle action bar item clicks here. The action bar will
		// automatically handle clicks on the Home/Up button, so long
		// as you specify a parent activity in AndroidManifest.xml.
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}

}

Step 4: Activity declaration into Manifest file

Now, declares all the two activity classes into AndroidManifest.xml file. The code for this are the following:

<activity
            android:name="com.hubpages.plusminus.androidactivityproject.FirstActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.hubpages.plusminus.androidactivityproject.SecondActivity"
            android:label="@string/title_activity_second" >
        </activity>

The full code for AndroidManifest.xml file, is the following:

AndroidManifest.xml file

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.androidactivityproject"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.hubpages.plusminus.androidactivityproject.FirstActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.hubpages.plusminus.androidactivityproject.SecondActivity"
            android:label="@string/title_activity_second" >
        </activity>
    </application>

</manifest>

There are some texts in the button on each activity screen. We use Strings.xml file to define the texts. The full code of Strings.xml file looks like the following:

strings.xml

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

    <string name="app_name">AndroidActivityProject</string>
    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>
    <string name="title_activity_second">SecondActivity</string>
    <string name="firstActivityButton">Go to SECOND Activity</string>
    <string name="secondActivityButton">Go to FIRST Activity</string>
    <string name="secondActivity">SECOND Activity</string>
    <string name="firstActivity">FIRST Activity</string>

</resources>

Step 5: Run it!

We are ready to run our Android application project. After running the project, we will see the following screenshot:

Now, click on the button to go to the second activity. After that you can easily switch back again and again.

Output of Android Activity application example - form one screen activity to another screen activity

Comments

    0 of 8192 characters used
    Post Comment

    • profile image

      Marian 2 years ago

      I like the helpful info you prvodie in your articles. Ia1a6ll bookmark your blog and check again here regularly. I'm quite certain Ia1a6ll learn plenty of new stuff right here! Good luck for the next!