Atelier2.PrixSolde.isit Android

8/3/2019 Atelier2.PrixSolde.isit Android

http://slidepdf.com/reader/full/atelier2prixsoldeisit-android 1/22

Atelier 2Page 1

ISITCom H-S

ISIT-Android Khalil MIGHRI

ISIT-Android

ISITCom Android Club

Atelier 2: Appplication « Prix-Solde »

« Création d’une interface graphique & Manipulation des

activités et Sous-activités »

Assisté par : Khalil MIGHRI



Atelier 2Page 2

ISITCom H-S


I- Création d’un Emulateur virtuel :

Window AVD Manager:

New



Atelier 2Page 3

ISITCom H-S


Donner un nom du téléphone Android Virtuel, choisir la version d’Android à utiliser.

Ce sont les paramètres les plus importants.

Create AVD



Atelier 2Page 4

ISITCom H-S


Le nouvel appareil virtuel est bien ajouter dans la liste, pour tester : sélectionner AVD1Start



Atelier 2Page 5

ISITCom H-S


Launch

En fonction de vos besoins, vous pouvez créer autant de téléphone virtuel que nécessaires.



Atelier 2Page 6

ISITCom H-S


II- Application « Prix-Solde » :

Ouvrir Eclipse

file New Other :



Atelier 2Page 7

ISITCom H-S


Choisir : Android Android Project Next

Next



Atelier 2Page 8

ISITCom H-S


Cocher la version d’Android que vous voulez l’utiliser Next



Atelier 2Page 9

ISITCom H-S


Donner le nom du package qui doit être sous la forme « your.package.namespace »

Par convention, le nom d'un package est sous la forme d'une "url à l'envers". Vous

pouvez mettre votre nom de domaine personnel ou ce que vous voulez.

RQ : Vérifier que la case « Create Activity » est coché.

Finish



Atelier 2Page 10

ISITCom H-S


Notre projet est bien crée, et on obtient la structure du projet suivante :

Le fichier « src/atelier2.prixsolde.isitandroid/PrixsoldeActivity.java » par défaut contient :



Atelier 2Page 11

ISITCom H-S


Ajoutons le reste des méthodes de base d’une activité : onStart(), onRestart(), onResume(),

onPause(), onStop() ,onDestroy()

Donc, le fichier « PrixsoldeActivity.java » devient :

package atelier2.prixsolde.isitandroid;

import android.app.Activity;import android.os.Bundle;

public class PrixsoldeActivity extends Activity {/** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main);

}@Override protected void onStart() {

// TODO Auto-generated method stub super.onStart();

}@Override protected void onRestart() {

// TODO Auto-generated method stub super.onRestart();

}@Override protected void onResume() {

// TODO Auto-generated method stub super.onResume();

}

@Override protected void onPause() {

// TODO Auto-generated method stub super.onPause();

}@Override protected void onStop() {

// TODO Auto-generated method stub super.onStop();

}@Override protected void onDestroy() {

// TODO Auto-generated method stub

super.onDestroy();}

}

Maintenant, on va modifier le fichier « res/Layout/main.xml »qui va contenir l’interface graphique

de notre activité :

Le contenu par défaut :

<?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"



Atelier 2Page 12

ISITCom H-S


android:layout_height="fill_parent" >

<TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello"

/></LinearLayout>

Ajoutons 2 éléments « EditText » et un bouton le fichier « main.xml » devient :

<?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" >

<TextView

android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" />

<EditText android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/editText1" android:hint="@string/edittext1">

</EditText> <EditText

android:layout_height="wrap_content" android:layout_width="fill_parent"

android:id="@+id/editText2" android:hint="@string/solde"></EditText>

<Button android:layout_height="wrap_content" android:id="@+id/button1" android:text="Go" android:layout_width="172dp">

</Button> </LinearLayout>



Atelier 2Page 13

ISITCom H-S


L’interface graphique devient :

Maintenant, on va modifier le fichier « accueil.java » pour qu’on puisse accéder aux éléments

ajoutés :


import android.app.Activity;import android.os.Bundle;

public class PrixsoldeActivity extends Activity {

//déclaration des variables EditText edit1 ;EditText edit2;Button bouton;

@Override public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main);

//appel des composants ajouter dans le fichier "main.xml" edit1=(EditText)this.findViewById(R.id.editText1);edit2=(EditText)this.findViewById(R.id.editText2);bouton =(Button)this.findViewById(R.id.button1);

}@Override protected void onStart() {

// TODO Auto-generated method stub super.onStart();

}@Override



Atelier 2Page 14

ISITCom H-S


protected void onRestart() {// TODO Auto-generated method stub super.onRestart();

}@Override protected void onResume() {

// TODO Auto-generated method stub super.onResume();}@Override protected void onPause() {

// TODO Auto-generated method stub super.onPause();

}@Override protected void onStop() {


}

@Override protected void onDestroy() {// TODO Auto-generated method stub super.onDestroy();

}}

Ensuite, on va ajouter l’action au bouton, pour qu’en cliquant, le prix après solde s’affiché dans une

nouvelle interface.

Donc le code du fichier « PrixsoldeActivity » devient :


import android.app.Activity;import android.content.Intent;

import android.os.Bundle;

import android.view.View;import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

public class PrixsoldeActivity extends Activity implements OnClickListener {

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

//déclaration des variables EditText edit1;

EditText edit2;

Button bouton;

@Override public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout. main);

//appel des composants ajouter dans le fichier "main.xml" edit1 = (EditText) this.findViewById(R.id.editText1);

edit2 = (EditText) this.findViewById(R.id.editText2);bouton = (Button) this.findViewById(R.id.button);



Atelier 2Page 15

ISITCom H-S


bouton.setOnClickListener( new View.OnClickListener() {

public void onClick(View v) {

double r = Double. parseDouble(edit1.getText().toString()) *

Double. parseDouble(edit2.getText().toString());

r=r/100;r=Double. parseDouble(edit1.getText().toString())-r;Intent intent = new Intent(getApplicationContext(),

affichage.class);intent.putExtra("data", r);

startActivity(intent);}

});

}

@Override

protected void onStart() {


super.onStart();

}@Override

protected void onResume() {


super.onResume();

}

@Override protected void onPause() {


super.onPause();

}

@Override

protected void onStop() {


}@Override

protected void onDestroy() {

// TODO Auto-generated method stub super.onDestroy();

}

}

Il nous reste que de créer un nouveau le sous activité « affichage » :

Sélectionner le nom du package de notre projet clique droite New Class



Atelier 2Page 16

ISITCom H-S




Atelier 2Page 17

ISITCom H-S


Donner le nom du classe « affichage » Finish

Mettre le code suivant dans le fichier « affichage.java » :


import prixsold.isitandroid.club.R;

import android.app.Activity;

import android.os.Bundle;

import android.widget.TextView;

public class affichage extends Activity{TextView textview;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.main2);



Atelier 2Page 18

ISITCom H-S


textview= (TextView) this.findViewById(R.id.textview);

Double s = this.getIntent().getExtras().getDouble("data");textview.setText("Le prix après solde est: "+s);

}

}

Enfin, créer le fichier « main2.xml » sous le dossier ‘Layout’ :

Séléctionner « Layout » clique droite New Android XML File



Atelier 2Page 19

ISITCom H-S


Finish

Ajouter un «élément « TextView » :

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent" android:orientation="vertical" >

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/textview" />

</LinearLayout>



Atelier 2Page 20

ISITCom H-S


Il faut ajouter l’activité « affichage » dans le fichier « AndroidManifest.xml » sous le nœud application, ce fichier est placé dans le répertoire de base du projet.

<activity android:name=".affichage" android:label="Prix après Solde">

</activity>

III-Test :

Exécution du program :



Atelier 2Page 21

ISITCom H-S




Documents

Atelier2.PrixSolde.isit Android