Creating a new Android Project in Eclipse Helios with ADT11

This 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.

Figure 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.

Figure 2

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

Figure 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.

Figure 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)

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

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

 

STEP 3: The GUI design for the app.

Figure 7: The GUI designer in graphical mode.

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

Figure 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.

Figure 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!