Communication asynchrone et interface graphique portables sous ...
Interface Graphique Java
-
Upload
abba-zouzou -
Category
Documents
-
view
295 -
download
0
Transcript of Interface Graphique Java
-
8/6/2019 Interface Graphique Java
1/20
1
Ralisation dinterfaces graphiquesAvec NetBeans
Version 1.0, du mardi 30 octobre 2007
-
8/6/2019 Interface Graphique Java
2/20
2
1. Cration dun projet
Dans le menu File, crez un projet en choisissant : New Project.
Dans le menu New Project, choisissez Java Application.
-
8/6/2019 Interface Graphique Java
3/20
3
Vrifiez ensuite le chemin de sauvegarde du projet (Champs Project Location).
2. Ajout dune interface dans le projet
Le projet initial se compose uniquement dun fichier Main.java. Il sagit par dfaut dune
application console. Nous allons rapidement faire mieux !
-
8/6/2019 Interface Graphique Java
4/20
4
2.1. Ajouter un composant visuel votre projet.
Pour cela utilisez le sous menu New File dans le menu File.
Les fichiers permettant dobtenir des lments graphiques sont dans Java Gui Forms.
Il y a de nombreux types diffrents. Nous utiliserons un composant simple : JDialog Form.
-
8/6/2019 Interface Graphique Java
5/20
5
Choisissez ensuite un nom adapt par exemple Principale.
Le projet en cours est mis jour et possde maintenant un fichier Main.java et un fichier
Principale.Java.
-
8/6/2019 Interface Graphique Java
6/20
6
2.2. Suppression du fichier Main.java
Faire un click droit sur le fichier Main.java et choisir Delete dans le menu contextuel.
Le projet se prsente alors comme suit :
-
8/6/2019 Interface Graphique Java
7/20
7
2.3. Compiler le projet
En cliquant sur , NetBeans vous demandera de slectionner la classe principale.
En validant Principale comme tant la classe on obtient comme rsultat une fentre vide (sans
nom, sans bouton.).
-
8/6/2019 Interface Graphique Java
8/20
8
3. Les lments de base dune fentre
3.1. Utilisation des objets de linterface
Une fentre graphique peut se manipuler sous forme graphique (utilisez longlet Design) ou
sous forme textuelle (onglet Source). La construction dune interface se fait en mode Design.
Tous les objets graphiques ncessaire une interface sont regroups dans longlet Palette.
-
8/6/2019 Interface Graphique Java
9/20
9
Lorsquon objet graphique est slectionn la souris, longlet Properties permet de manipuler
ses proprits (couleur, position, forme,.).
3.2. Renseigner les lments de base de la fentre
Afin dillustrer lutilisation de longlet Properties, nous allons donnez un nom cette fentre
en lappelant : Comptabilit Gnrale.
Pour cela, dans longlet Properties, renseignez le champ : Title.
-
8/6/2019 Interface Graphique Java
10/20
10
Ceci devrait vous donner aprs compilation :
3.3. Ajouter un bouton Quitter
Dans la liste des composant slectionnez JToggleButton et dessinez ensuite un bouton sur la
fentre.
Vous devriez obtenir une fentre similaire celle-ci :
-
8/6/2019 Interface Graphique Java
11/20
11
Nous allons changez lapparence de ce bouton en faisant apparatre Quitter (ne faisons pas
comme Windows, ne lappelons pas Demarrer ).
Slectionnez le bouton la souris, et examiner le panneau Properties. Modifiez ensuite le
champ Text.
Aprs avoir saisie Quitter et une fois valider par la touche Entre, vous obtiendrez :
-
8/6/2019 Interface Graphique Java
12/20
12
Et la fentre en cours de construction se prsente comme suit (cela commence prendre
forme)
3.4. Attachez une action au bouton Quitter
Faire un click droit sur le bouton pour faire apparatre le menu contextuel. Et choisir ensuite :
Events/Mouse/mouseClicked. Cela signifie que nous dsirons attacher un vnementlorsque lvnement click se produira sur le bouton.
-
8/6/2019 Interface Graphique Java
13/20
13
Automatiquement, NetBeans vous propose de remplir le code qui sera associ lvnement
Click sur le bouton. Le nom de la procdure est clair de ce point de vue.
Je vous propose de mettre le code suivant :
Ce code permettra de terminer lapplication sur lvnement Click.
Je vous laisse vrifier que cela fonctionner (prenez le temps de compiler et de tester
lapplication).
4. Communiquer avec lutilisateur
4.1. Lire les donnes saisies et afficher
Utilisez les JLabel et les JTextFiled pour construire une fentre similaire la fentre ci-
dessous.
Je vous laisse deviner comment jai modifier le texte initial du JLabel et le contenu du
JTextField (
).
-
8/6/2019 Interface Graphique Java
14/20
14
Vous devriez obtenir ceci :
Ajoutez ensuite un bouton :
Et pour conclure ajoutez un JTextArea
-
8/6/2019 Interface Graphique Java
15/20
15
Au final voici quoi pourrait ressembler votre interface :
Nous allons raliser lopration (simple ) suivante : lorsque lutilisateur clicke sur le
bouton ok, nous allons afficher dans le JTextArea (ce composant se comporte comme une
console) le message suivant : Bonjour Monsieur XXXX .
Pour cela faites comme prcdemment en appelant le menu contextuel de votre bouton OK.
NetBeans devrait alors vous proposer ceci :
-
8/6/2019 Interface Graphique Java
16/20
16
Remarque :Le texte sur le bouton est bien OK, mais dun point de vue informatique, le bouton sappelle
JToggleButton2.
Maintenant ajoutez le code Java suivant :
Vous obtiendrez lexcution ceci :
Pas mal pour un dbut
-
8/6/2019 Interface Graphique Java
17/20
17
4.2. Attention aux nombres entiers et aux nombres rels.
Ils sont un cauchemar eux seuls.
Modifier la fentre prcdente (vous navez plus besoin de moi pour le faire) :
Comme ceci dans un premier temps :
Puis finalement :
-
8/6/2019 Interface Graphique Java
18/20
18
Le plus pnible est venir..
Dclarez un vnement sur le bouton que vous venez de dfinir :
-
8/6/2019 Interface Graphique Java
19/20
19
Et attaquons nous au code pas difficile mais particulirement pnible
Le code Java inclure dans la procdure jToggleButton2MouseClicked doit ressembler
ceci :
int i,j,resultat;String Chaine1, Chaine2, Chaine3;
// rcuparation des deux donnes au format String...
Chaine1 = jTextField2.getText();
Chaine2 = jTextField3.getText();
// converson en int
i = Integer.parseInt(Chaine1);
j = Integer.parseInt(Chaine2);
// additionresultat = i + j;
// conversion en chaine
Integer rr = new Integer(resultat);
Chaine3 = rr.toString();
// on affiche le rsultat
jTextField4.setText(Chaine3);
}
-
8/6/2019 Interface Graphique Java
20/20
Vous pourrez ensuite vrifier que les calculs sont justes :
5. Conclusion
Ce document vous aidera (je lespre faire vos premires interfaces).
Toutes les critiques sont les bienvenues y compris pour la correction des fautes de frappe et
des fautes dorthographe.