TP2: Application Android avec deux Activités
TP2: Application Android avec deux
Activités
Apprendre à créer une application avec deux activités. Vous aurez 2 activités et deux boutons, un sur
chaque activité. Cliquer le premier bouton de la première activité pour lancer la seconde activité.La
seconde activité affiche son bouton. En cliquant ce bouton, vous retournez à la première activité.
Etapes à suivre pour Eclipse, mais travaillez avec Android Studio:
1. Créer un New Android Application Project en Android Studio : File>New> New Project
Android Application Project
2. Donner les noms:
a. Application name: (e.g. TwoActivities)
b. Changer Company domain à (votrepostnom.tp_xx.com)
Le Package name vous ai proposé (pour mon cas : com.tp_2.takenga.twoactivities )
3. Project location: C:\Users\TAKENGA\AndroidStudioProjects\TwoActivities
4. Minimum SDK pourt phones et tablet: API 15: Android 4.0.3 (Ice Cream Sandwich) , pour
les autres ne pas cocher
TP2: Application Android avec deux Activités
5. Cliquer next
6. Choisir l’option Empty Activity dans Add an Activity to Mobile pour créer une activité vide
7. Donner le nom de l’activité : ActivityOne , le reste ne rien changer et clique sur finish et
attendre que cela soit créé.
8. Créer la seconde activité: Aller au File →New →Activity → Empty Activity, et donner le nom
ActivityTwo,
Le package name doit être celui du projet.
Et après Finish.
La structure des fichiers ressemblera à celle-ci:
9. Ajouter l’ îcone de votre application :
Ici on a déjà l'image « ic_launcher ». Tu sais, c'est l'icône qui est là par défaut quand tu crées une
nouvelle application, le petit « bugdroid » vert.
Nous, ce que nous allons faire, c'est ajouter notre propre icône de lancement à notre application. Tu
vas faire un clic droit sur le dossier ressource (« res »), puis New->Image Asset
TP2: Application Android avec deux Activités
Là tu vois c'est génial parce que tu as un outil qui va te permettre de choisir l'icône de lancement de
ton application et qui va automatiquement la redimensionner dans toutes les densités d'écran pour
toi. Une fois que tu as ouvert l'outil Image Asset (ci-dessous) tu n'as plus qu'à suivre les étapes que
voici :
TP2: Application Android avec deux Activités
1. D'abord, tu choisis le type de ton icône. Ici ça va être une icône de lancement ;
2. Tu choisis son nom. Pour l'exemple je vais l'appeler « mon_icone » ;
3. Tu choisis l'Asset Type, pour nous ça va être une image ;
4. Le chemin vers ton image de résolution (192 x 192 pixels) dans Path :
Tu as ensuite quelques options que tu peux utiliser.
Une fois que tu as terminé, tu peux cliquer sur « Next » puis « Finish ». Là tu vois que ton icône a
bien été ajoutée dans le dossier « mipmap » et qu'une image png a été créée pour toutes les densités
d'écran.
Maintenant il ne nous reste plus qu'une seule chose à faire : modifier notre fichier Manifest. Et dans
notre Manifest nous allons définir à l'attribut « android:icon » ton icône en y mettant le nom de
l'icône que tu viens de créer.
android:icon"@mipmap/mon_icone"
10. Ouvrir le fichier layout xml pour les modifier:
Ouvrir activity_activity_one.xml dans res/layout/ et dans le mode Graphical Layout. Effacer le
Helloword TextView si il existe, et ajouter ces elements: un text view et un button view de “Form
Widgets”, en les glissant dans le layout comme le montre le result screenshot.
Cliquer droit au text view ajouté et changer “Edit ID” property en lui donnant ce nom:
textView_activity1
TP2: Application Android avec deux Activités
Modifier “Edit Text”, choisir New String et dans New R.string.: textview_1text comme name et
dans String: This is my main Activity : Activity One , et cliquer OK. Après choisisser le String
que vous venez de créer et cliquer sur OK, le texte apparaitra sur le layout.
Après aller au button et modifier “Edit ID” , en lui donnant ce nom: btn_StartSecondActivity2,
modifier aussi “Edit Text” en ajoutant un nouveau string avec le (nom) name New R.String :
start_activity_2 et lui donner la valeur String: Start Activity Two , cliquer Ok et le texte devra
apparaitre sur le bouton.
Repeter ce même procedure pour activity_activity_two.xml en ajoutant pour Edit ID du the text
view : textView_activity2 et Edit Text : This is my Second Activity: Activity Two.
Pour le Buton, Edit ID: btn_GobackActivity1 et Edit Text : GoBackToActivity1
11. Ouvrir ActivityOne.java et modifier comme suit:
package com.course.android.twoactivities;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
public class ActivityOne extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_activity_one);
Button ShowActivityTwoButton = (Button) findViewById
(R.id.btn_StartSecondActivity2);
ShowActivityTwoButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
// TODO Auto-generated method stub
startActivityTwo();
}
});
private void startActivityTwo(){
Intent startTwo= new Intent(this, ActivityTwo.class);
startActivity(startTwo);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_activity_one, menu);
return true;
}
}
Pour importer automatiquement les packages dont le programme a besoin, File>Settings>(in Editor > General>auto
import, then in insert imports on paste choose ALL) et coche les autres choix en bas comme sur la figure.
TP2: Application Android avec deux Activités
Si ceci n’est pas fait alors Alt+Enter pour importer automatiquement les classes.
On déclare où est situé notre programme : package, ensuite on On importe des classes qui se trouvent
dans des packages différents et qui sont utilisées dans le code. Ensuite on déclare une nouvelle classe,
ActivityOne, et on la fait dériver (extends) de Activity, puisqu'il s'agit d'une activité. La méthode onCreate :
est la première qui est lancée au démarrage d'une application. L'objet Bundle passé en paramètre de la
méthode onCreate permet de restaurer les valeurs des interfaces d'une activité qui a été déchargée de la
mémoire. setContentView(R.layout. activity_activity_one) : Indique le layout qui sera représenté pour cette
activité. Ce layout est donné comme parametre de la foction setContentView. Le layout se trouve dans le
res/layout et a comme nom: activity_activity_one.xml.
Ensuite on ajoute un objet Button qui sera cliqué pour ouvrir ou lancer l’autre activite ActivityTwo.
Next we need to “listen” for when the user clicks the button, then we have to “do something”.
setOnClickListener() takes care of the “listening” while onClick() takes care of the “do something”.
So when the button is clicked, the onClick() method is called and the code it contains is executed.
Here it contains a method called startActivityTwo().
The next lot of code is this method which is executed when the button is clicked. The firtst line of
code inside this method creates an Intent object, startTwo. The intent describes an action that
needs to be performed. In this case it is used together with startActivity() to launch another activity.
Here the new intent is passed with two parameters, the first is the current context, this and the
second is the target activity, ActivityTwo.class.
The next line is the startActivity() method which accepts the intent, startTwo as a parameter and
launches the activity – the intent contains all information about the activity.
TP2: Application Android avec deux Activités
12. Ouvrir maintenant le fichier java de la seconde activité, ActivityTwo.java et le modifier
comme suit:
package com.course.android.twoactivities;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.support.v4.app.NavUtils;
public class ActivityTwo extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_activity_two);
Button GoBackButton= (Button) findViewById(R.id.btn_GobackActivity1);
GoBackButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
// TODO Auto-generated method stub
finish();
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_activity_two, menu);
return true;
}
}
Again our class extends the Activity class, we override the onCreate() method and set the activity
content to use the activity_activity_two.xml resource file. Then we create the Button view identified
by btn_GobackActivity1 in the resource file. Next we set a listener for when the user clicks the button,
setOnClickListener(); and the onClick() method to deal with the click.
This time the onClick() method has only one line of code, the method finish(). This closes this
activity and returns Control to the first activity, the one that started this one.
13. Noter que dans le manifest, les deux activités doivent être déclarées. Vérifier si votre
manifest ressemble comme suit: Donc ajouter activity_Two si il n’éxiste pas dans votre
manifest dans le nœud Application qui contient les élements de notre App
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.tp_2.takenga.twoactivities">
<application
android:allowBackup="true"
android:icon="@mipmap/my_icon"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true">
TP3 : Les Layouts/Resources et Multiple langues
android:theme="@style/AppTheme">
<activity android:name=".ActivityOne">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".ActivityTwo"></activity>
</application>
</manifest>
Lancer l’application et vous devriez avoir le résultat comme illustré sur le chéma du début.
Cliquer sur les boutons pour vous rassurez que ca fonctionne.
TP3 : Les Layouts/Resources et Multiple
langues
Tâche 1 : Interfaces graphiques
In this tutorial, you will learn how to manage your application for screen orientation. You will learn
how to customize layouts and specify them to be used when the user goes in portrait or landscape
mode. One of the powerful features of android is the ability to provide alternate resources that
your application can use based on the user device type or configuration. In this tutorial you are
learn this by providing two layout resources for portrait and landscape mode.
