Université de Carthage
FSEG Nabeul
3ème BIS/BI/EB
TP3_ AndroidStudio
Code Java de l’interface d’une application Android
1. Code Java pour les Buttons:
Créez un nouveau projet android nommé Test_interface. Dans ce projet, créez une nouvelle
layout linéaire et insérez dans ce layout deux TexteView nommés respectivement Login et
Password et deux EditText pour la saisie de ces deux valeurs. Ajouter à ce layout un bouton
intitulé ‘Show_Login’. Pour programmer le fonctionnement du bouton, dans le fichier
[Link], nous devons importer les classes suivantes :
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
import [Link];
Pour chaque bouton créé, il y a deux méthodes pour la gestion du clic :
1. Au niveau de layout et dans l’attribut du bouton il faut ajouter [Link]= ‘nom de
la méthode’ et implémenter cette méthode au niveau du code java de l’activité.
2. Définir un Listener (écouteur). Cet écouteur va avoir un comportement lorsque le bouton
est cliqué. Ce comportement est défini par la fonction Onclick. Ainsi, nous devons
ajouter au contenu de la fonction OnCreate de l’activité le code suivant :
EditText login;
Button b_showlogin
login = (EditText) findViewById([Link].editText1); Récupération de
L’identificateur du champ
Éditable
b_showlogin=(Button) findViewById([Link].button1); Récupération de
L’identificateur du bouton
L’affectation d’un écouteur au bouton
Création de l’écouteur
[Link]( new OnClickListener() {
@Override
public void onClick(View v) {
Toast msg = [Link](getBaseContext(), [Link]().toString(),comportement
Toast.LENGTH_LONG); ecouteur
1
Affichage du message de notification [Link]();} });
Le message affiché contiendra le contenu de la variable login.
Le comportement réalisé ci-dessus est simple, il s’agit d’afficher un message à titre de
notification contenant la valeur de Login. La classe qui permet de gérer ces notifications est la
classe Toast. La fonction makeText permet de créer la notification, elle a besoin du contexte
d’affichage (ici obtenu moyennant la fonction getBaseContext()), d’une chaine de caractères à
afficher et de la durée d’’affichage (ici la durée est courte mais on peut avoir aussi des durées
longues pour ceci il suffit de changer la valeur a Toast.LENGTH_LONG).
Si on veut utiliser l’attribut onclick du bouton alors il suffit d’ajouter au code xml du buton ;a
ligne suivante :
android:onClick="Traitement"
et d’ajouter le code suivant après la fonction onCreate :
public void Traitement (View v)
{
final EditText login;
final Button b1;
login = (EditText) findViewById([Link]);
b1 = (Button) findViewById([Link].button2);
Toast msg = [Link](getBaseContext(), [Link]().toString(),
Toast.LENGTH_LONG);
[Link]();
}
et avec cette méthode, on n’a plus besoin de gérer les Listeners.
➢ Contexte d’affichage d’une activité ou d’une application
Le contexte représente l’état courant d’une application ou d’une activité et les informations sur
son environnement. Il sert à récupérer des objets transmis par d’autres parties de votre
application.
Vous pouvez récupérer le contexte de quatre manières différentes :
• getApplicationContext() : permet de récupérer le contexte de votre application.
• getContext() : permet de récupérer le contexte dans lequel la vue courante est exécutée.
• getBaseContext() : permet de récupérer le contexte défini grâce à la
méthode setBaseContext().
• this (uniquement quand vous êtes dans une classe héritant directement ou indirectement
de la classe Context).
2
La classe Activity surcharge de la classe Context et donc son contexte peut être
récupérer par le pointeur this.
2. Code Java pour les checkBox
Revenez à votre fichier layout et insérer deux checkBox. Le premier est intitulé Windows et le
deuxième est Linux. Insérer un Togglebouton dont l’android :textOff est intitulé « Valider le
choix de votre système » et ajouter android:onClick="Traitementcheckbox"
. Dans votre code java importer le package suivant :
import [Link];
Apres la fonction Oncreate(), ajouter le code suivant :
public void Traitementcheckbox (View v)
{
CheckBox cb, cb1 ;
cb = (CheckBox) findViewById([Link]);
cb1 = (CheckBox) findViewById([Link].checkBox2);
if ([Link]())
{
Toast msg = [Link](getBaseContext(),"la case windows est cochée",
Toast.LENGTH_SHORT);
[Link]();
}
if ([Link]())
{
Toast msg = [Link](getBaseContext(),"la case Linux est cochée",
Toast.LENGTH_SHORT);
[Link]();
}
}
Si on veut qu’une seule case soit cochée à la fois, il faut alors mettre ces deux checkBox dans un
groupe identiquement comme les RadioButton.
3. Code Java pour le ToggleButton
Ajoutez un ToggleButton dans votre layout. Si on veut traiter le ToggleButton avec les Listners
alors il faut revenir au code de et ajoutez dans la partie import les deux lignes suivantes :
import [Link] ;
import [Link] ;
Dans la fonction Oncreate(), ajoutez le code suivant :
//traitement du Bouton ToggleButton
final ToggleButton tb;
3
tb= (ToggleButton) findViewById([Link].toggleButton1);
[Link](new [Link]() {
public void onCheckedChanged(CompoundButton buttonView, boolean
isChecked) {
if (isChecked) {
Toast msg = [Link](getBaseContext(),"Toggle Button is
checked",Toast.LENGTH_SHORT);
[Link]();
}
}});
[Link](false) permet de réinitialiser la bouton a la valeur de textOff.
4. Code Java du Groupe de boutons Radio
Ajouter un groupe de boutons Radio dans le layout du projet. Maintenant, basculez dans le code
java du projet et modifiez la définition du code de la classe, comme suit:
public class MainActivity extends AppCompatActivity
implements [Link]
Dans la fonction OnCreate(), ajoutez les lignes suivantes :
// traitement du groupe de RadioButtom
RadioGroup radioGroup=(RadioGroup)findViewById([Link].radioGroup1);
// On pose notre listener sur le radio group
[Link](this);
maintenant en dehors de la fonction OnCreate(), on va redéfinir la fonction onCheckedChanged
qu’on a hérité de l’interface via la commande implements pour l’adapter au traitement qu’ on
souhaite faire pour chaque bouton radio. Ci-dessous, notre traitement consiste à afficher des
notifications pour indiquer quel bouton est sélectionné.
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId) {
case [Link].radio0:
Toast msg = [Link](getBaseContext(),"Radio Button rouge
is checked", Toast.LENGTH_SHORT);
[Link]();
break;
case [Link].radio1:
Toast msg1 = [Link](getBaseContext(),"Radio Button vert
is checked", Toast.LENGTH_SHORT);
[Link]();
break;
case [Link].radio2:
Toast msg2 = [Link](getBaseContext(),"Radio Button bleu
is checked",Toast.LENGTH_SHORT);
[Link]();
break;
4
}}
5
5. Traitement des CheckBox dans un groupe
a. Construisez un projet nommé TestGroupeCB.
b. Dans un Constraint Layout inserez trois checkBox, un TextView et un
bouton comme suit :
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="choisis ton metier"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.31"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.72" />
<CheckBox
android:id="@+id/checkBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="158dp"
android:layout_marginTop="206dp"
android:layout_marginEnd="159dp"
android:layout_marginBottom="66dp"
android:text="Ingenieur"
android:onClick="ChoixMetier"
app:layout_constraintBottom_toTopOf="@+id/checkBox2"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<CheckBox
android:id="@+id/checkBox2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="172dp"
android:layout_marginTop="66dp"
android:layout_marginEnd="168dp"
android:layout_marginBottom="296dp"
android:text="Information"
android:onClick="ChoixMetier"
app:layout_constraintBottom_toTopOf="@+id/textView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox" />
<CheckBox
android:id="@+id/checkBox3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="175dp"
android:layout_marginTop="117dp"
6
android:layout_marginEnd="165dp"
android:layout_marginBottom="98dp"
android:text="Artiste"
android:onClick="ChoixMetier"
app:layout_constraintBottom_toTopOf="@+id/textView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox2" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="217dp"
android:layout_marginTop="232dp"
android:layout_marginEnd="124dp"
android:layout_marginBottom="59dp"
android:text="Initialiser"
android:onClick="Initialiser"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox3" />
c. Dans la MainActivity, declarez trois checkBox et un TexteView et
recuperez leur Id.
public class MainActivity extends AppCompatActivity {
CheckBox cb1,cb2,cb3;
TextView message;
@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
cb1=(CheckBox) findViewById([Link]);
cb2=(CheckBox) findViewById([Link].checkBox2);
cb3=(CheckBox) findViewById([Link].checkBox3);
message=(TextView) findViewById([Link]);
}
d. Développez une fonction ChoixMetier, qui permet selon la sélection
d’inscrire dans le TextView le métier choisis.
public void ChoixMetier(View view) {
if ([Link]())
{
[Link]("tu es Ingeneieur");
}
else if ([Link]())
{
7
[Link]("tu es Informaticien");
}
else if ([Link]())
{
[Link]("tu esArtiste");
}
e. Développez la fonction Initialiser qui permet d’intialiser les choix de
l’utilisateur. Cette fonction est exécutée si l’utilisateur clique sur le bouton
initialiser.
public void Initialiser(View v)
{
[Link](false);
[Link](false);
[Link](false);
}