You are here
Home > HelloWorld >

Navigation from one screen to another screen in android

Contents

Functionality:

How to interact with activity,when a button is clicked,navigate from current screen(current activity) to another screen(another activity).

Activity:

In android,an activity is representing a single screen.Most applications have multiple activities to represent different screens.for example,one activity to display a list of the application settings,another to display application status.

To Create any application in android we have to deal with three files:

  • AndroidManifest.xml
  • activity_main.xml
  • MainActivity.java

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.nav.navigation"
>
<application
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".MainActivity"
android:label="@string/title_activity_main" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="Second_screen"></activity>
</application>
</manifest>

Strings.xml:

<resources>
<string name="app_name">Navigation</string>
<string name="hello_world">Hello world!</string>
<string name="menu_settings">Settings</string>
<string name="title_activity_main">MainActivity</string>
<string name="button_name">Go to second screen</string>
<string name="title1">Welcome to Navigation (First screen)</string>
<string name="title2">Welcome to Navigation (second screen)</string>
</resources>

In this example,we have to navigate from one to another screen so we need to create two layout files and two java files.

activity_main.xml:

This is layout file which represents first screen.First screen contains one textview and button.Textview is texted as “Welcome to Navigation” and button texted as “Go To second screen”.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/head"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="26dp"
android:text="@string/title1"  />
<Button
android:id="@+id/first_screen_button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/head"
android:layout_marginTop="16dp"
android:text="@string/button_name"
/>
</RelativeLayout>

MainActivity.java:

This java file contains code to navigate to second screen.file has OnClickListener which make Button click to go to second screen.

package com.nav.navigation;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class MainActivity extends Activity implements OnClickListener {
private Button nextScreen;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
nextScreen = (Button) findViewById(R.id.first_screen_button);
nextScreen.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
Intent agn = new Intent(MainActivity.this, Second_screen.class);
startActivity(agn);
}
});
}
public void onClick(View v) {
}
}

second_screen.xml:

This is layout file which represents second screen.second screen contains one textview.Textview is texted as “Welcome to Second Screen”.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/head"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="@string/title2"/>
</RelativeLayout>

Second_screen.java

This java file contains code of action to be performed after clicking on button in first screen.

package com.nav.navigation;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
public class Second_screen extends Activity implements OnClickListener {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.second_screen);
TextView tv = new TextView(this);
tv.setText("Welcome to Second screen");
setContentView(tv);
}
public void onClick(View v) {
}
}

Output:

First screen
Second screen
Top