---

TP N°2

Eléments d’interfaces graphiques

1. Manipulation 1 : éléments graphiques simples

Q1.

Créer une application nommée TP2Manipulation1. L’interface

principale de l’application est appelée Accueil. Il s’agit d’une interface

initialement vide blanck_activity.

Q2.

Créer label de texte dans l’interface principale. Le label contient

le texte suivant « TPandroid»

1. Pour ce faire allez au fichier xml principal dans src/res/layout l’interface

se charge et la fenêtre Accueil s’affiche

2. Sélectionner l'objet "TextView" où est écrit "Hello World", puis taper sur

la touche "Suppr" dans ton clavier pour le supprimer:

3. Maintenant cliquer sur l'icone à gauche "Medium Text" et déplacer la

souris sur la fenêtre pour choisir où poser cet objet puis cliquer sur la

fenêtre pour y ajouter cet objet, c'est un champ de texte:

4. dans l'onglet des propriétés glisser la barre de défilement jusqu'à la ligne

"id" et modifier là comme suit, pour lui attribuer le nom "txtMsg", je vous

rappelle que vous devez respecter la casse:

dans le même onglet, modifier le texte à afficher dans le champ de texte

« TPandroid »

p. 1

Dans le fichier XML on aura le code suivant

<TextView

android:id="@+id/txtMsg"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/champ de texte simple"

android:layout_gravity="center"

Q3. De la même façon créer :

Une zone de texte vide dont l’id est « EditText01 ». utiliser l’objet

EditText

un bouton dont l’id est « btnButton0 » est dont le texte est « Versions ».

utiliser l’objet est Button

insérer une image ( par exemple l’icône Android Studio ) en dessous des

autres objets déjà insérés. Utiliser l’objet ImageView.

2. Manipulation 2 : les boutons radio, cases à cocher et boutons

Q4. Créer une application nommée Enquete. L’interface de l’application est la

Q5. Le message correspondant aux choix sélectionné s’affiche. Exemple :

p. 2

Compléter le code suivant relatif à l’activité de cette application pour que

le bouton affiche le message adéquat :

package com.ISETB.DSI.Enquete;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.CheckBox;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.Toast;

public class MainActivity extends Activity {

CheckBox chkAndro;

CheckBox chkMicro;

Button btnAffich;

RadioGroup radSpecialityType;

RadioButton radDSI;

RadioButton radRSI;

RadioButton radSEM;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

chkAndro = (CheckBox) findViewById(R.id.chkAndroid);

chkMicro = (CheckBox) …………………………………………...chkMicrosoft);

p. 3

btnAffich = (Button) findViewById(R.id.btnAffich);

radSpecialityType = (RadioGroup)

findViewById(R.id.radioGroupSpecialiteType);

radDSI = (RadioButton) findViewById(R.id.radDsi);

radRSI = …………………………………………………………………………………………………………;

radSEM = ……………………………………………………………………………………………………….;

// LISTENER: Lier bouton-events-et-code

btnAffich.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

String msg = "Spécialité ";

String option="club ";

if (chkAndro.isChecked())

……………………………………………………….;

if (chkMicro.isChecked())

………………………………………………………..;

// obtenir le numéro ID boutons radio

int radioId =

radSpecialityType.getCheckedRadioButtonId();

// comparer les ID sélectionnés avec RadioButtons ID

individuelelment

if (radSEM.getId() == radioId)

msg = ………………………………………………………………………………. ;

// C'est similaire d'utiliser .isChecked() sur chaque RadioButton

if (radRSI.isChecked())

msg = ………………………………………………………………………………… ;

// C'est similaire d'utiliser .isChecked() sur chaque

RadioButton

if (radDSI.isChecked())

msg = …………………………………………………………………………………. ;

Toast.makeText(getApplicationContext(), msg, 1).show();

}// onClick

});

}// onCreate

}// class

p. 4

TP N°2 - Éléments d'interfaces graphiques

TP N°2 - Éléments d'interfaces graphiques