Initiation au développement Android

In development on a new game with OPEN-GL, I decide finally to put in download the current version ( not finalized ) of Spacoid ( my first Java / Android development ), as well as the demo version of BugDash.

Download:

Spacoid V0.1 - Part1
Spacoid V0.1 - Part2
Spacoid V0.1 - Part3

BugDash V1.0 - Part1
BugDash V1.0 - Part2

MyCPUInfo.apk

I am opened to all your remarks either with comments directly on this site, or by e-mail at androidblog@free.fr

Creation of the directory " C:\Android " in which we are going to install everything.

For the installation of the eCLIPSE development environment, we extract the directory " eclipse ", contained in the zip file, in the directory c:\Android. Http://www.eclipse.org/downloads/download.php?Line=/technology/epp/downloads/release/indigo/R/eclipse-jee-indigo-win32.zip

Also for the installation of the Android SDK, we extract the directory " android-sdk-windows ", contained in the zip file, in the directory c:\Android. Http: // dl.google.com/android/android-sdk_r12-w indows.zip

For the development, the JDK Java has to be installed. http://www.oracle.com/technetwork/java/javase/downloads/index.html http://download.oracle.com/otn-pub/java/jdk/6u26-b03/jdk-6u26-windows-i586.exe http://download.oracle.com/otn-pub/java/jdk/6u26-b03/jdk-6u26-windows-ia64.exe http://download.oracle.com/otn-pub/java/jdk/6u26-b03/jdk-6u26-windows-x64.exe

It is then necessary to add the path of the SDK in the PATH variable of your system. For that purpose, click with the right button on your workstation icon, then go to the tab " Advanced Parameters ". Click the button " Variables of environment ", edit the variable system " PATH ", and add at the end of line the path towards the directory " tools " of the SDK Android. In our case, add "; c:\Android\android-sdk-windows " and apply.

We have to integrate the Android plugin into Eclipse. Execute the Eclipse software (the first execution may be long ). Go to the menu "Help / software Updates..." Go to the tab " Available Software ". Click " Add Site... " Enter the following address: https://dl-ssl.google.com/android/eclipse or http://dl-ssl.google.com/android/eclipse, then click on OK.

Return on the tab " Available Software " Select Android components to be installed, then click "Install". In the following window, click "Next". Accept " license agreement "; and click "Finish". Finally, restart Eclipse.

If an error arose with the automatic download of the plugin Android, you can download directly the file ADT-12.0.0.zip (or a more recent version) from the address http://dl.google.com/android/ADT-12.0.0.zip. You save this file in the directory " C:\Android\download "

You start in the stage Click "Add Site", to the right of the fields where you inform the address, click the button "Archives" and select the file previously loaded, " C:\Android\download\ ADT-12.0.0.zip ". Then resume the following stages to finalize the installation of the plugin Android.

1. Emulator definition

In Eclipse/Windows menu , select "Android SDK and AVD manager"

Click on "New", this window opens :

Inform the diverse fields as above, for example, and click "Create AVD". The creation can take certain time, then be patient. When the creation of the new emulator is realized, you are taken back on the previous window.

You can now select the created emulator and start it up by pressing on "Start". The following window opens, click directly "Launch".

The window of the emulator opens.

And then after Android is started.

In this new episode, we are going to take care of the general menu of the game, which will appear after the presentation screen and will look like this:

We begin by creating in the directory « res / layout », a new file named « mainmenu.xml », in which we define the background of screen, the title and 4 buttons, in the following way:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:gravity="center_horizontal"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:background="@drawable/main_screen">
	<ImageView
		android:src="@drawable/title_original_01"
		android:id="@+id/imageView1"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"/>
	<ImageView
		android:layout_width="wrap_content"
		android:id="@+id/imageView2"
		android:layout_height="75dp"/>
	<Button
		android:gravity="center_vertical|center_horizontal"
		android:layout_height="wrap_content"
		android:id="@+id/main_play_button"
		android:text="@string/main_play"
		android:layout_width="@dimen/main_button_width"
		android:onClick="main_play_button_onClick"/>
 	<Button
		android:gravity="center_vertical|center_horizontal"
		android:layout_height="wrap_content"
		android:id="@+id/main_options_button"
		android:text="@string/main_options"
		android:layout_width="@dimen/main_button_width"
		android:onClick="main_options_button_onClick"/>
	<Button
		android:gravity="center_vertical|center_horizontal"
		android:layout_height="wrap_content"
		android:id="@+id/main_highscore_button"
		android:text="@string/main_highscore"
		android:layout_width="@dimen/main_button_width"
		android:onClick="main_highscore_button_onClick"/>
	<Button
		android:gravity="center_vertical|center_horizontal"
		android:layout_height="wrap_content"
		android:id="@+id/main_quit_button"
		android:text="@string/main_quit"
		android:layout_width="@dimen/main_button_width"
		android:onClick="main_quit_button_onClick"/>
</LinearLayout>

We create a LinearLayout which will contain the various objects, with the attribute android:gravity positioned in center_horizontal, to center objects one under the other, and in which we put our background image "@drawable / main_screen". We add a first "ImageView" to show the image of the name of the game. We put a second "ImageView" empty to leave a space between the title and the buttons below. Then we define 4 buttons with attribute "android:onClick" informed with the name of the function managing the action of the button.

In « res/values »,, we add diverse definitions and diverse identifiers,

In « res/values/dimens.xml » :

<resources>
    <dimen name="gfont_en_font_h">18.0px</dimen>
    <dimen name="main_button_width">100.0dp</dimen>
    <dimen name="main_layout_y">80.0px</dimen>
</resources>

In « res/values/ids.xml » :

<resources>
    <item type="id" name="highscore_title">false</item>
    <item type="id" name="main_play_button">false</item>
    <item type="id" name="main_options_button">false</item>
    <item type="id" name="main_highscore_button">false</item>
    <item type="id" name="main_quit_button">false</item>
</resources>

In « res/values/strings.xml » :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">Spacoid</string>
    <string name="main_highscore">High Scores</string>
    <string name="main_options">Options</string>
    <string name="main_play">Play</string>
    <string name="main_quit">Quit</string>
</resources>

We update the file AndroidManifest.xml to define the new activity which will open to show the main menu of the game.

<?xml version="1.0" encoding="utf-8"?>
<manifest
    xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.jeux.mainmenu"
    android:versionCode="1"
    android:versionName="1.0">
    <uses-sdk android:minSdkVersion="4" />
    <application
        android:icon="@drawable/icon"
        android:label="@string/app_name">
        <activity
            android:name="MainMenuActivity"
            android:label="@string/app_name"
            android:screenOrientation="portrait"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen">
            <intent-filter>
               <action android:name="android.intent.action.MAIN" />
               <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
        <activity
            android:name="MainMenu" 
            android:screenOrientation="portrait"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen"/>
    </application>
</manifest>

Finally we create a new class which will post the menu and will manage the various buttons. In « src/com.jeux.mainmenu », we create the new file MainMenu.java, which will contain:

package com.jeux.mainmenu;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class MainMenu extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.mainmenu);
	}

	public void main_play_button_onClick(View v){}

	public void main_options_button_onClick(View v){}

	public void main_highscore_button_onClick(View v) {}

	public void main_quit_button_onClick(View v)
{
		finish();
	}
}

In the « onCreate » function, we show the layout " R.layout.mainmenu " corresponding to the display. Then we create a function for every callback associated with the present buttons in the menu:

main_play_button_onClick This function will be called on the selection of the button " Play " and will launch the game. main_options_button_onClick This function will be called on the selection of the button "Options" and will allow to reach the options of sound, RAZ of the score and some information on the game. main_highscore_button_onClick This function will be called on the selection of the button " High Scores " which will show the high scores screen. main_quit_button_onClick This function will be called on the selection of the button " Quit " which will end the activity and will leave the application.

download archive.