lOMoARcPSD|26802377

Jntua Mobile Application Development Lab Manual

Computer Science & Engineering (Jawaharlal Nehru Technological University,

Anantapur)

Scan to open on Studocu

Studocu is not sponsored or endorsed by any college or university

Downloaded by Sainath Vlogs# (sai850547@[Link])
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

VEMU INSTITUTE OF TECHNOLOGY

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

LAB MANUAL

Prepared By [Link]

15A05711- MOBILE APPLICATION DEVELOPMENT LABORATORY

Regulation – R15
Year / Semester: III / II

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

INDEX

1. create an android app for GUI Components

2. create an android app for Widgets

3. create an android app for TextEdit control

4. create an android app for Checkbox

5. create an android app for Spinner Control

6. create an android app for Audio Player

7. create an android app for Video Player

8. create an android app for Radio Button

9. create an android app for linear Layout

[Link] an android app for Relative Layout

[Link] an android app for Radio Group

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Creating the Application by using the Activity class

(onCreate(),onStart(),onResume(),onPause(),onStop(),onDestroy(),onRestart())
Theory:
An activity represents a single screen with a user interface just like window or frame of
[Link] activity is the subclass of ContextThemeWrapper class.
Procedure:
Step 1 : You will use Android studio to create an Android application and name it
as HelloWorld under a package [Link] as explained in the Hello World
Example chapter.
Step 2 : Modify main activity file [Link] as explained below. Keep rest of the files
unchanged.
Step 3: Run the application to launch Android emulator and verify the result of the changes done
in the application.
The Log.d() method has been used to generate log messages –
Source Code:
[Link]
package [Link];
import [Link];
import [Link];
import [Link];

public class MainActivity extends Activity {

String msg = "Android : ";

/** Called when the activity is first created. */

@Override
public void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
Log.d(msg, "The onCreate() event");
}
/** Called when the activity is about to become visible. */
@Override
protected void onStart() {
[Link]();
Log.d(msg, "The onStart() event");
}
/** Called when the activity has become visible. */
@Override
protected void onResume() {
[Link]();
Log.d(msg, "The onResume() event");
}
/** Called when another activity is taking focus. */
@Override
protected void onPause() {

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

[Link]();
Log.d(msg, "The onPause() event");
}
/** Called when the activity is no longer visible. */
@Override
protected void onStop() {
[Link]();
Log.d(msg, "The onStop() event");
}
/** Called just before the activity is destroyed. */
@Override
public void onDestroy() {
[Link]();
Log.d(msg, "The onDestroy() event");
}
}
An activity class loads all the UI component using the XML file available in res/layout folder
of the project. Following statement loads UI components from res/layout/activity_main.xml
file:

setContentView([Link].activity_main);

Every activity you define for your application must be declared in

your [Link] file and the main activity for your app must be declared in the
manifest with an <intent-filter> that includes the MAIN action and LAUNCHER category as
follows:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="[Link]
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="[Link]" />
<category android:name="[Link]" />
</intent-filter>
</activity> </application> </manifest>
OUTPUT:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Create Application by Using Building Blocks for Android Application Design (Absolute
Layout).

Theory:
An Absolute Layout lets you specify exact locations (x/y coordinates) of its children. Absolute
layouts are less flexible and harder to maintain than other types of layouts without absolute
positioning.
Following is the content of the modified main activity
file src/[Link]/[Link].
This file can include each of the fundamental lifecycle methods.

Source Code:

[Link]
package [Link];

import [Link];
import [Link];

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
}

}
Following will be the content of res/layout/activity_main.xml file –
<AbsoluteLayout xmlns:android="[Link]
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:text="OK"
android:layout_x="50px"
android:layout_y="361px" />
<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:text="Cancel"
android:layout_x="225px"
android:layout_y="361px" />
</AbsoluteLayout>
Following will be the content of res/values/[Link] to define two new constants −

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

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

<resources>
<string name="app_name">demo</string>
<string name="action_settings">Settings</string>
</resources>

Output:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Create the audio Player application
Theory:
We can play and control the audio files in android by the help of MediaPlayer class.
Here, we are going to see a simple example to play the audio file. In the next page, we will see
the example to control the audio playback like start, stop, pause etc.

Let's write the code of to play the audio file. Here, we are going to play maine.mp3 file
located inside the sdcard/Music directory.

Source code:

File: [Link]

package [Link].audiomediaplayer1;
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);

MediaPlayer mp=new MediaPlayer();

try{
[Link]("/sdcard/Music/maine.mp3");//Write your location here
[Link]();
[Link]();

}catch(Exception e){[Link]();}

}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate([Link].activity_main, menu);
return true;
}

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Drag three buttons from pallete to start, stop and pause the audio play. Now the xml file
will look like this:
Source Code:
activity_main.xml:

<RelativeLayout xmlns:androclass="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:text="Audio Controller" />
<Button
android:id="@+id/button1"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:layout_marginTop="48dp"
android:text="start" />
<Button
android:id="@+id/button2"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/button1"
android:layout_toRightOf="@+id/button1"
android:text="pause" />
<Button
android:id="@+id/button3"
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/button2"
android:layout_toRightOf="@+id/button2"
android:text="stop" />
</RelativeLayout>

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Let's write the code to start, pause and stop the audio player.

File: [Link]
package [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];

public class MainActivity extends Activity {

Button start,pause,stop;
@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);

start=(Button)findViewById([Link].button1);
pause=(Button)findViewById([Link].button2);
stop=(Button)findViewById([Link].button3);
//creating media player
final MediaPlayer mp=new MediaPlayer();
try{
//you can change the path, here path is external direc
tory(e.g. sdcard) /Music/maine.mp3
[Link]([Link]().get
Path()+"/Music/maine.mp3");

[Link]();
}catch(Exception e){[Link]();}

[Link](new OnClickListener() {
@Override
public void onClick(View v) {
[Link]();
}
});
[Link](new OnClickListener() {
@Override
public void onClick(View v) {
[Link]();
}
});

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

[Link](new OnClickListener() {
@Override
public void onClick(View v) {
[Link]();
}
});
}
}

Output:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Creating the Application using CheckBox

Theory:

 Android CheckBox is a type of two state button either checked or unchecked.

 There can be a lot of usage of checkboxes. For example, it can be used to know the hobby
of the user, activate/deactivate the specific action etc.
 Android CheckBox class is the subclass of CompoundButton class.
 Drag the three checkboxes and one button for the layout. Now the activity_main.xml file
will look like this:

Source code:
File: activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<[Link] xmlns:android="[Link]
.com/apk/res/android"
xmlns:app="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
<CheckBox
android:id="@+id/checkBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pizza"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<CheckBox
android:id="@+id/checkBox2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Coffee"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox" />
<CheckBox
android:id="@+id/checkBox3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Burger"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox2" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Order"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox3" />
</[Link]>
File: [Link]
package [Link];

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];

public class MainActivity extends AppCompatActivity {

CheckBox pizza,coffe,burger;
Button buttonOrder;
@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
addListenerOnButtonClick();
}
public void addListenerOnButtonClick(){
//Getting instance of CheckBoxes and Button from the activty_main.xml file
pizza=(CheckBox)findViewById([Link]);
coffe=(CheckBox)findViewById([Link].checkBox2);
burger=(CheckBox)findViewById([Link].checkBox3);
buttonOrder=(Button)findViewById([Link]);
//Applying the Listener on the Button click
[Link](new [Link](){
@Override
public void onClick(View view) {
int totalamount=0;
StringBuilder result=new StringBuilder();
[Link]("Selected Items:");
if([Link]()){
[Link]("\nPizza 100Rs");
totalamount+=100;
}
if([Link]()){
[Link]("\nCoffe 50Rs");
totalamount+=50;
}
if([Link]()){
[Link]("\nBurger 120Rs");
totalamount+=120;
}
[Link]("\nTotal: "+totalamount+"Rs");
//Displaying the message on the toast
[Link](getApplicationContext(), [Link](), Toast.LENGTH_LONG).show();
}

});
}
}
Output:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Create Application by Using Building Blocks for Android Application Design (Linear Layout).

Theory:
Android LinearLayout is a view group that aligns all children in
either vertically or horizontally.

Source code:

[Link]

package [Link];

import [Link];
import [Link];

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
}
}
Following will be the content of res/layout/activity_main.xml file −
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="[Link]
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<Button android:id="@+id/btnStartService"
android:layout_width="270dp"
android:layout_height="wrap_content"
android:text="start_service"/>

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

<Button android:id="@+id/btnPauseService"
android:layout_width="270dp"
android:layout_height="wrap_content"
android:text="pause_service"/>

<Button android:id="@+id/btnStopService"
android:layout_width="270dp"
android:layout_height="wrap_content"
android:text="stop_service"/>

</LinearLayout>

Following will be the content of res/values/[Link] to define two new constants −

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">HelloWorld</string>
<string name="action_settings">Settings</string>
</resources>

Output:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Creating the application using Android RadioGroup
Theory:
In android, Radio Group is used to group one or more radio buttons into separate groups based on our
requirements.

If we group Radio Buttons using RadioGroup, at a time only one item can be selected from the group of
radio buttons. In case, if we select one radio button that belongs to a radio group will unselect all other
previously selected radio buttons within in the same group.

Initially, all the radio buttons of radio group are in unchecked state, once we select a radio button then it’s
not possible for us to uncheck it like CheckBox control.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="[Link]
android:layout_width="match_parent" android:layout_height="match_parent">
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Java"/>
</RadioGroup>
</RelativeLayout>

Source code:
Now open an activity_main.xml file from \res\layout path and write the code like as
shown below

activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="[Link]
android:layout_width="match_parent" android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="150dp"
android:layout_marginLeft="100dp"
android:textSize="18dp"
android:text="Select Your Course"
android:textStyle="bold"
android:id="@+id/txtView"/>
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:id="@+id/rdGroup"
android:layout_below="@+id/txtView">

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

<RadioButton
android:id="@+id/rdbJava"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_marginLeft="100dp"
android:text="Java"
android:onClick="onRadioButtonClicked"/>
<RadioButton
android:id="@+id/rdbPython"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_marginLeft="100dp"
android:text="Python"
android:onClick="onRadioButtonClicked"/>
<RadioButton
android:id="@+id/rdbAndroid"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_marginLeft="100dp"
android:text="Android"
android:onClick="onRadioButtonClicked"/>
<RadioButton
android:id="@+id/rdbAngular"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_marginLeft="100dp"
android:text="AngularJS"
android:onClick="onRadioButtonClicked"/>
</RadioGroup>
<Button
android:id="@+id/getBtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="100dp"
android:layout_below="@+id/rdGroup"
android:text="Get Course" />
</RelativeLayout>

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

[Link]
package [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];

public class MainActivity extends AppCompatActivity {

RadioButton android, java, angular, python;
@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
android = (RadioButton)findViewById([Link]);
angular = (RadioButton)findViewById([Link]);
java = (RadioButton)findViewById([Link]);
python = (RadioButton)findViewById([Link]);
Button btn = (Button)findViewById([Link]);
[Link](new [Link]() {

@Override
public void onClick(View v) {
String result = "Selected Course: ";
result+=
([Link]())?"Android":([Link]())?"AngularJS":([Link]())?"Java":([Link]
Checked())?"Python":"";
[Link](getApplicationContext(), result, Toast.LENGTH_SHORT).show();
}
});
}
public void onRadioButtonClicked(View view) {
boolean checked = ((RadioButton) view).isChecked();
String str="";
// Check which radio button was clicked
switch([Link]()) {
case [Link]:
if(checked)
str = "Android Selected";
break;
case [Link]:
if(checked)
str = "AngularJS Selected";

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

break;

case [Link]:
if(checked)
str = "Java Selected";
break;
case [Link]:
if(checked)
str = "Python Selected";
break;
}
[Link](getApplicationContext(), str, Toast.LENGTH_SHORT).show();
}
}

Output:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Create Application by Using Building Blocks for Android Application Design
(RelativeLayout).

Theory:
Android RelativeLayout enables you to specify how child views are positioned relative to each
other. The position of each view can be specified as relative to sibling elements or relative to the
parent.
Procedure:
Step 1 You will use Android Studio IDE to create an Android application and name it
as demo under a package [Link] as explained in the Hello World
Example chapter.

Step 2 Modify the default content of res/layout/activity_main.xml file to include few

widgets in Relative layout.

Step 3 Define required constants in res/values/[Link] file

Step 4 Run the application to launch Android emulator and verify the result of the
changes done in the application.

Source Code :

[Link]
package [Link];

import [Link];
import [Link];

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
}

}
Following will be the content of res/layout/activity_main.xml file −
<RelativeLayout xmlns:android="[Link]
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp" >
<EditText
android:id="@+id/name"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="@string/reminder" />
<LinearLayout

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentStart="true"
android:layout_below="@+id/name">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Button"
android:id="@+id/button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Button"
android:id="@+id/button2" />
</LinearLayout>
</RelativeLayout>
Following will be the content of res/values/[Link] to define two new
constants −
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="action_settings">Settings</string>
<string name="reminder">Enter your name</string>
</resources>
Output:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Creating the Application using Spinner

Theory:

Android Spinner is like the combox box of AWT or Swing. It can be used to display the
multiple options to the user in which only one item can be selected by the user.

Android spinner is like the drop down menu with multiple values from which the end user
can select only one value.

Android spinner is associated with AdapterView. So you need to use one of the adapter
classes with spinner.

Source code:
File: activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<[Link] xmlns:android="[Link]
[Link]/apk/res/android"
xmlns:app="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="[Link]">

<Spinner
android:id="@+id/spinner"
android:layout_width="149dp"
android:layout_height="40dp"
android:layout_marginBottom="8dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.502"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.498" />

</[Link]>

File: [Link]
package [Link];

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
public class MainActivity extends AppCompatActivity implements
[Link] {
String[] country = { "India", "USA", "China", "Japan", "Other"};
@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
//Getting the instance of Spinner and applying OnItemSelectedListener on it
Spinner spin = (Spinner) findViewById([Link]);
[Link](this);
//Creating the ArrayAdapter instance having the country list
ArrayAdapter aa = new ArrayAdapter(this,[Link].simple_spinner_item,c
ountry);
[Link]([Link].simple_spinner_dropdown_item);
//Setting the ArrayAdapter data on the Spinner
[Link](aa);
}
//Performing action onItemSelected and onNothing selected
@Override
public void onItemSelected(AdapterView<?> arg0, View arg1, int position, long id)
{
[Link](getApplicationContext(),country[position] , Toast.LENGTH_LONG).
show();
}
@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub
}
}

Output:

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Create Video Player android application

Theory:

By the help of MediaController and VideoView classes, we can play the video files in android.
MediaController class
The [Link] is a view that contains media controls like
play/pause, previous, next, fast-forward, rewind etc.
VideoView class
The [Link] class provides methods to play and control the video
player.

activity_main.xml

Drag the VideoView from the pallete, now the activity_main.xml file will like this:

Source Code:
File: activity_main.xml
<RelativeLayout xmlns:androclass="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >

<VideoView
android:id="@+id/videoView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true" />

</RelativeLayout>

File: [Link]
package [Link].video1;

import [Link];
import [Link];

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

import [Link];
import [Link];
import [Link];
import [Link];

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);

VideoView videoView =(VideoView)findViewById([Link].videoView1);

//Creating MediaController
MediaController mediaController= new MediaController(this);
[Link](videoView);

//specify the location of media file

Uri uri=[Link]([Link]().getPath()+"/media/1.mp4");
//Setting MediaController and URI, then starting the videoView
[Link](mediaController);
[Link](uri);
[Link]();
[Link]();

}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate([Link].activity_main, menu);
return true;
}

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

Aim: Creating the Application by using Text Edit control

Theory:
EditText is a standard entry widget in android apps. It is an overlay over TextView that
configures itself to be editable. EditText is a subclass of TextView with text editing
operations. We often use EditText in our applications in order to provide an input or text
field, especially in forms.
Procedure:
Step1: Create a new project in Android Studio and name it EditTextExample.
Step2: Now open res -> layout -> xml (or) activity_main.xml and add following code. In this
code we have added multiple edittext and a button with onclick functionality.
Step3: Now open app -> java -> package -> [Link] and add the below code.
In this we just fetch the text from the edittext, further with the button click event a toast will
show the text fetched before.
Source code:
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="[Link]
xmlns:tools="[Link]
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="[Link]">

<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="@string/name"
android:inputType="textPersonName"
android:selectAllOnFocus="true" />

<EditText
android:id="@+id/editText2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="@string/password_0_9"
android:inputType="numberPassword" />

<EditText
android:id="@+id/editText3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="@string/e_mail"
android:inputType="textEmailAddress" />

<EditText

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

android:id="@+id/editText4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="@string/date"
android:inputType="date" />

<EditText
android:id="@+id/editText5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="@string/contact_number"
android:inputType="phone" />

<Button
android:id="@+id/button"
style="@android:style/[Link]"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/submit"
android:textSize="16sp"
android:textStyle="normal|bold" />
</RelativeLayout>

[Link]

package [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];

public class MainActivity extends AppCompatActivity {

Button submit;
EditText name, password, email, contact, date;

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
name = (EditText) findViewById([Link].editText1);
password = (EditText) findViewById([Link].editText2);
email = (EditText) findViewById([Link].editText3);
date = (EditText) findViewById([Link].editText4);
contact = (EditText) findViewById([Link].editText5);
submit = (Button) findViewById([Link]);

[Link](new [Link]() {

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]
 lOMoARcPSD|26802377

[Link] | [Link] | [Link]

Dept of CSE Designed By [Link]

@Override
public void onClick(View v) {
if ([Link]().toString().isEmpty() || [Link]().toString().isEmpty() ||
[Link]().toString().isEmpty() || [Link]().toString().isEmpty()
|| [Link]().toString().isEmpty())
{
[Link](getApplicationContext(), "Enter the Data",
Toast.LENGTH_SHORT).show();
} else {
[Link](getApplicationContext(), "Name - " + [Link]().toString() +
" \n" + "Password - " + [Link]().toString()
+ " \n" + "E-Mail - " + [Link]().toString() + " \n" + "Date - " +
[Link]().toString()
+ " \n" + "Contact - " + [Link]().toString(),
Toast.LENGTH_SHORT).show();
}
}
});
}
}
Output:
Now start the AVD in Emulator and run the App. You will see screen asking you to fill the data
in required fields like name, password (numeric), email, date, contact number. Enter data and
click on button. You will see the data entered will be displayed as Toast on screen.

VEMU INSTITUTE OF TECHNOLOGY

Downloaded by Sainath Vlogs# (sai850547@[Link])

[Link] | [Link] | [Link]