Creating a new Android Project in Eclipse Helios with ADT11

iconThis is a simple Android application that has a picture and a button to pronounce the word for the picture.

STEP 1: Create a new project, let say MMTEST1.

Click the Android Project wizard icon as in the Figure 1.

imageFigure 1

Click here to read more…

Complete the Project information as in Figure 2. FYI; Android 2.1 (Eclair) – API Level 7, Android 2.2 (Froyo) – API Level 8, Android 2.3 (Gingerbread) – API Level 9.

Click Finish when you have completed all the information.

mmtest1-project-android-wizzardFigure 2

And you’ll get the Project folder as in Figure 3.

imageFigure 3

 

STEP 2: Preparing the multimedia components.

This project is to introduce multimedia elements such as images and sound. I have prepared the files, it’s available for download here. Inside the zip files you will have the image for background and a picture of an object. The other material is the sound.

imageFigure 4: Inside the mmmaterials.zip (download here)

Put the image files in the res/drawable, and the sound in the assets (as in Figure 5). Use the file explorer to locate the workspace. (Workspace – is a folder assigned as the project storage for Eclipse, to locate go to Project –> Properties, you’ll se Location in the Resources)

imageFigure 5: The position of the multimedia files in the workspace.

imageFigure 6: The multimedia resources as viewed in the project navigator.

 

STEP 3: The GUI design for the app.

imageFigure 7: The GUI designer in graphical mode.

Or simple copy and paste the main.xml code in the XML mode.

imageFigure 8: The Graphical Layout designer in XML mode.

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/bd">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:keepScreenOn="true" android:text="Kereta lumba"/>
<ImageView android:layout_height="wrap_content" android:src="@drawable/kereta" android:id="@+id/imageView1" android:layout_width="match_parent"></ImageView>
<Button android:layout_height="wrap_content" android:layout_width="match_parent" android:text="Sebutan: kereta lumba" android:id="@+id/btnsebutan"></Button>
<MediaController android:id="@+id/mediaController1" android:layout_width="wrap_content" android:layout_height="wrap_content"></MediaController>
</LinearLayout>


 


STEP 4: The sourcecode.


Locate the Java source code file in the src. Copy the Java source to your source file. Make sure to change the package name.


imageFigure 9: The Java sourcecode.


Java source:


package YOUR_PACKAGE_NAME_HERE;

import android.app.Activity;
import android.content.res.AssetFileDescriptor;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MMTEST1 extends Activity implements OnClickListener{

private MediaPlayer mp;
private Button btnsebutan;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

//
btnsebutan = (Button) findViewById(R.id.btnsebutan);
btnsebutan.setEnabled(true);// disable button
btnsebutan.setOnClickListener(this);


}
public void onClick(View v) {

mp = new MediaPlayer();
try
{
AssetFileDescriptor afd = getAssets().openFd("keretalumba.mp3");
mp.setDataSource(afd.getFileDescriptor(), afd.getStartOffset(), afd.getLength());
mp.prepare();
mp.start();
}
catch(Exception e) {}
}
}

STEP 5: Compile and running.

TO BE CONTINUED TO THE NEXT TUTORIAL…


If you find it difficult configure Eclipse and ADT 11, I have a completely configured installer just for U guys. Just download Eclipse Indigo + ADT 11 here (800MB). Extract it in C, and you're ready to go.


Tested on Windows 32/64 bit. Set the workspace on c:\adt11-indigo\workspace\ ... Have fun!


download_eclipse_indigo_adt11[5]

Popular Posts

WorldConferences.net