cours java avec netbeans
TRANSCRIPT
-
7/21/2019 Cours Java Avec Netbeans
1/39
Java, Une application graphique complte sans efforts avec NetBeans 6.1IDE
L'interface graphique est un lment important 'une application, elle ren son utilisation plusfacile et plus intuitive.
!algr les avantages non ngligea"les e l'interface graphique, il arrive souvent qu'unveloppeur Java, hsite avant e construire e telle interface car l'avantage ma#eur e Java e
pouvoir s'e$cuter sur e multiples plateformes se voit contre"alancer par le pro"lme erenu visuel sur les iffrents environnements graphiques es s%stmes 'e$ploitation et le
pro"lme e positionner es composants graphiques sur es la%outs.
NetBeans 6.1 apporte une "onne solution au pro"lme e l'interface graphique en aoptant le
&roupLa%out& comme un la%out par faut. roupLa%out est isponi"le avec Java () 6.
NetBeans va encore plus loin en fournissant es "i"liothques ncessaires pour l'e$cutiones programmes graphiques sous Java () * ou J+ 1.*
1. Un )$emple
-our montrer la capacit graphique e NetBeans nous allons ans ce petit tutorielprogrammer un mini e$plorateur e fichiers vraiment mini, l'o"#ectif tant ici l'interfacegraphique/.
-
7/21/2019 Cours Java Avec Netbeans
2/39
0. Logiciels ncessaires
Java () 6 e prfrence/ ou Java * ()NetBeans 6.1
2. Les tapes e cration e l'application
1.3ration 'un pro#et ans NetBeans
0.-lacer es composants graphiques ncessaires sur une fen4tre 5orm/
2.#outer quelques lignes e coe pour le fonctionnement
7.8ester l'application
*.-rparer l'application pour une iffusion
-
7/21/2019 Cours Java Avec Netbeans
3/39
7. 3ration 'un pro#et NetBeans
-our NetBeans une application oit 4tre construite ans un pro#et. -lusieurs moles e pro#etsont isponi"les permettant e construire une partie importante e la structure 'uneapplication ans un omaine prcis.
5ile 9: Ne; -ro#ect ou un clic sur l'ic
-
7/21/2019 Cours Java Avec Netbeans
4/39
6. 3hoisir un nom et une location pour le pro#et
1.)ntrer un nom pour le pro#et ans &-ro#ect Name& ici &)$plorateur+e5ichiers&
0.NetBeans propose par faut ossier>e>l'utilisateur?NetBeans-ro#ects comme une place
pour ses pro#ets. @l est possi"le e moifier ce choi$.
2.)ntrer un ossier pour le pro#et ans &-ro#ect 5oler&. Normalement le ossier aura parfaut le nom u pro#et
7.Laisser la case &(et as !ain -ro#ect& coche
*.Laisser slectionne &Basic pplication&
Un clic sur 5inish
-
7/21/2019 Cours Java Avec Netbeans
5/39
A. Le pro#et est cr
1.)$plorateur+e5ichiers est ans la fen4tre -ro#ect
0.La fen4tre &@nspector& montre les composants e l'application raphiques et nongraphiques/
2.Un espace pour le travail graphique 5rameie;/
7.Le "outon &(ource& permet e voir le fichier source prouit par NetBeans et '% a#outer eslignes e coe
*.Le "outon &+esign& permet e revenir sur l'espace graphique C partir u fichier source
6.La palette es composants graphiques
A.L'ensem"le est ans une fen4tre 5orm/
-
7/21/2019 Cours Java Avec Netbeans
6/39
D. L'espace graphique 5rameie;/
3'est la fen4tre principale e l'application et c'est aussi la place pour a#outer es composants(es imensions sont moifia"les et s'aaptent automatiquement selon ses composants.
Note -our moifier les imensions e l'application
(lectionner 9: 3liquer garer cliquer / 9: placer
Note @l est possi"le e supprimer un ou plusieurs/ es composants a#outs par fautUn clic sur un composant 9: +elete ou (uppr/ sur le clavier
Note @l est possi"le e personnaliser tous les composants
Un clic sur un composant et moifier ses proprits ans la fen4tre &-roperties&
-
7/21/2019 Cours Java Avec Netbeans
7/39
E. #outer une tiquette JLa"el/
vant 'a#outer notre premier composant, un petit mot concernant le positionnementautomatique (napping/. +es rgles magntiques e positionnement sont affiches pour aierau positionnement es composants. NetBeans affiche es cooronnes horiFontales etverticales avec es suggestions pour placer un composants par rapport au$ autres composants#C placs/ et au$ marges e la page
Le positionnement e roupLa%out est similaire au positionnement a"solu ans le sens oG onplace un composant lC oG on sire le voir HI(@HI.
Un clic ans la palette sur La"el 9: (lectionner une place sur l'espace e travail 9: un clic
Note -our annuler un composant &)(3& ou chappe
-
7/21/2019 Cours Java Avec Netbeans
8/39
-
7/21/2019 Cours Java Avec Netbeans
9/39
11. JLa"el est a#out ans le fichier source
Un clic sur &(ource&
Note
+ans la fen4tre sourceLes parties e coe en grises ne sont pas moifia"le et gnres automatiquement
Un clic roit sur l'iteur 9: @nsert 3oe permet e lancer un ;iFar pour gnrer unconstructor, es setter et getter etc.
10. !oifier les imensions 'un composant
Un clic sur le composant 9: es carrs sont affichs autour u composant 9: un clic sur uncarr 9: garer le "outon press 9: placer selon les imensions sires.
-
7/21/2019 Cours Java Avec Netbeans
10/39
12. 3hangement es autres proprits e JLa"el
JLa"el au moment e sa cration a #La"el1 comme nom e varia"le et #La"el1 comme te$teaffich.
@l est possi"le ans la fen4tre e proprits e moifier tous les proprits e #La"el1 M
son nom, son te$te, sa couleur etc.
Nous allons e suite moifier le te$te e #La"el1 et au lieu e La"el1& avoir &Bro;se pourchoisir un ossier&
Un clic sur #La"el1
+ans la fen4tre e proprits -roperties/ 9: Un clic sur le champ 9: te$t 9: entrer &Bro;sepour choisir un ossier& 9: un clic sur )N8)
-enser ici C agranir La"el1& en tirant sur les petits carrs
Note
-our moifier le te$te 'un la"el 9: +ou"le clic au lieu e passer par la fen4tre e proprits/ou un clic roit 9: )it 8e$t
17. -enser C sauvegarer
-
7/21/2019 Cours Java Avec Netbeans
11/39
Un clic sur le menu 5ile 9: (ave ll
1*. #outer un "outon
Un clic ans la palette sur &Button& et un clic par la suite sur l'espace e travail
Note
Les rgles sont affiches pour le positionnement automatique par rapport au$ marges, C#La"el1 pour aligner la "ase e te$tes ans les eu$ composants etc.
16. !oifier le titre u "outon
-our moifier le te$te affich sur le "outon
Un clic sur le "outon 9: -roperties 9: 8e$t 9: entrer &Bro;se&
ou "ien un clic roit sur le "outon 9: )it 8e$t
-our moifier le nom e la varia"le #Button1 voir plus loin
-
7/21/2019 Cours Java Avec Netbeans
12/39
1A. +onner au$ eu$ composants la m4me largeur
@l est possi"le "ien sOr e tirer sur les carrs pour moifier les imensions u "outon!ais nous allons allonger le "outon pour qu'il prenne la m4me largeur que #La"el1
Un clic sur #La"el1 et 38LPun clic sur le "outon Les eu$ tant slectionns un clic roit 9: (ame (iFe 9: (ame Hith
-
7/21/2019 Cours Java Avec Netbeans
13/39
1D. !oifier le nom e #Button1
Un clic roit sur le "outon 9: )it aria"le Name 9: ans la fen4tre ename 9: entrer Bro;seou "ien un clic sur le "outon 9: ans la fen4tre e proprits 9: slectionner &La"el& et entrerans le champ valeur &Bro;se&
-
7/21/2019 Cours Java Avec Netbeans
14/39
1E. #outer une liste
Nous allons a#outer une liste sur l'espace e travail. #outer une liste ne pose aucun pro"lmemais avant e le faire nous allons a#outer un composant J(croll-ane. 3e composant va a#outeres ascenseurs si le contenu e la liste passe sa capacit 'affichage
Un clic sur (croll -ane ans la palette et un autre pour le positionnement sur l'espace etravail. Les rgles sont affiches et le changement e imensions u composant se fait entirant sur les petits carrs.
)nsuite un clic sur List ans la palette pour a#outer un composant JList. Un autre clic Cl'intrieur e &(croll -ane&.
-
7/21/2019 Cours Java Avec Netbeans
15/39
0K. lignement es composants
Nous allons aligner #La"el1 et #List1
Un clic sur #La"el1 9: 38LPclic sur #List1
Les eu$ sont slectionns 9: clic roit 9: align 9: Left
Les eu$ composants sont maintenant aligns C gauche
8irer sur les carrs pour largir la liste
-
7/21/2019 Cours Java Avec Netbeans
16/39
01. L'inspector
L'inspecteur e NetBeans permet e voir les composants e notre application visuel ou non#(croll-ane1 est un composant non9visuel
-
7/21/2019 Cours Java Avec Netbeans
17/39
00. #outer un composant 5ile 3hooser
J5ile3hooser est un composant non9visuel permettant 'ouvrir un e$plorateur e fichiers pourslectionner es fichiers et es ossiers sur le s%stme 'e$ploitation.
Un clic sur 5ile 3hooser 9: ans la partie (;ing Hino;s e la palette/ 9: un autre clic Cn'importe quel enroit sur l'espace e travail, si on souhaite le positionner sur l'espace etravail C c
-
7/21/2019 Cours Java Avec Netbeans
18/39
02. 5ile 3hooser
(uite
-
7/21/2019 Cours Java Avec Netbeans
19/39
07. ssocier une action au "outon
Nous allons a#outer un vnement associ au "outon 9: un clic roit sur le "outon &Bro;se&9: )vents 9: ction 9: action-erforme
-
7/21/2019 Cours Java Avec Netbeans
20/39
0*. L'iteur (ource
L'iteur u fichier source s'ouvre automatiquement lors u clic sur action-erformepermettant 'a#outer u coe pour personnaliser l'action
-
7/21/2019 Cours Java Avec Netbeans
21/39
06. uelques lignes e coe
#outons les lignes suivantes pour faire apparaQtre #5ile3hooser1 quan on clic sur le "outon&Bro;se& et retourner ans &irName& le ossier slectionn
jFileChooser1=new JFileChooser();
jFileChooser1.setFileSelectionMode(JFileChooser.DIRECTORIESO!"#);
jFileChooser1.setM$ltiSelectionEn%&led('%lse);
jFileChooser1.setDi%loTitle(Select % Director*);
int res$lt=jFileChooser1.showO+enDi%lo(n$ll);
i'(res$lt==JFileChooser.,--ROEO-TIO! )
/
Strin dir!%0e=jFileChooser1.etSelectedFile().et,&sol$te-%th();
+es messages 'erreurs ues au pro"lme 'import RRR
-
7/21/2019 Cours Java Avec Netbeans
22/39
0A. (olutionner le pro"lme 'import
Un clic roit sur J5ile3hooser 9: 5i$ @mports 38LP(S@58P@/ et le pro"lme est rgl
-
7/21/2019 Cours Java Avec Netbeans
23/39
0D. L'aperTu u esigner
Un clic sur le "outon -revie; +esing 9: C partir e la fen4tre e esign l'inverse e la fen4tree l'ition u fichier source/ 9: ouvre un aperTu e l'application
-
7/21/2019 Cours Java Avec Netbeans
24/39
0E. 3ompiler notre pro#et
Un clic sur 9: le menu Buil : Buil !ain -ro#ect ou 511/
2K. Une compilation russite
-
7/21/2019 Cours Java Avec Netbeans
25/39
Un message iniquant la fin russite e la compilation est affich et une inication poure$cuter l'application en ehors e l'@+)
)n cas 'erreurs, un clic sur une erreur elle ientifie ans l'iteur
21. 8ester l'application
u l'e$cuter C l'intrieur e l'@+)
Un clic sur le menu un : un !ain -ro#ect
ou l'ic
-
7/21/2019 Cours Java Avec Netbeans
26/39
20. )iter #List1
@l est possi"le 'iter graphiquement les JLists graphiquement pour moifier les lmentsaffichs.
@ci par e$emple nous allons vier #List1 e son contenu.
Un clic sur #List1 9: -roprits 9: moel 9: un clic sur le "outon avec trois point .../
Une fen4tre e ialogue s'ouvre
Un clic sur &@tem 1& 9: un clic sur &emove&pter l'opration pour les @tem0 C l'@tem*
-
7/21/2019 Cours Java Avec Netbeans
27/39
22. JList suite
Note
-our a#outer es lments ans #L@st1 9: entrer un article ans &@tem& 9: puis un clic sur
27. emplir la liste avec es fichiers
#outons ces quelques lignes e coe C la suite es prcentes
L'assistant e NetBeans est lC pour aier C la saisie
-
7/21/2019 Cours Java Avec Netbeans
28/39
22Modi'ier Model +o$r j"ist1
De'%$lt"istModel j"istFilesModel = new De'%$lt"istModel();
j"ist1.setModel(j"istFilesModel);
22Re0+lir l% list %3ec les 'ichiers d%ns le dossier s4lectionn4 %3ec FileChooser
File 'Dir=new File(dir!%0e);
22Re0+lir l% liste %3ec $ni5$0ent des 'ichiers
'or (File 'ileTo,dd 6 'Dir.listFiles())
i'('ileTo,dd.isFile())
j"istFilesModel.%ddEle0ent('ileTo,dd);
2*. 8ester l'application
Un clic sur le menu un 9: un !ain -ro#ect va procer C la compilation et l'e$cution enotre application.
Un clic sur le "outon &Bro;se& ouvre l'e$plorateur e fichiers sur le s%stme 9: quan onclique sur un ossier 9: #List1 est remplie avec es fichiers u ossier slectionn
-
7/21/2019 Cours Java Avec Netbeans
29/39
26. Les touches e la fin
(lectionner le pro#et 9: clic roit 9: -roperties proprits/ 9: pplication
personnaliser le titre e l'application, son auteur ou veneur, escription, et Some-age.
Nous revienrons sur le (plash(creen plus loin
-
7/21/2019 Cours Java Avec Netbeans
30/39
2A. (lectionner le Loo= V 5eel
8ou#ours ans proprits 9: un clic sur +es=top pp
(lectionner ans Loo= V 5eel 9: Java +efault
2D. "out +ialog
-
7/21/2019 Cours Java Avec Netbeans
31/39
vec Java +es=top pplication il est possi"le e personnaliser le menu &"out& sous le menu&Selp&
Un ou"le clic ans l'e$plorateur e fichier e NetBeans sur&)$plorateur+e5ichier"outBo$.#ava& ouvre le fichier ans le &+esigner& 5iles
9:)$plorateur+e5ichiers9:src 9: e$plorateurefichiers9:)$plorateur+e5ichier"outBo$.#ava/
n peut moifier le esign C volont
2E. La fen4tre e esign e "out
La fen4tre '"out s'ouvre ans le esigner permettant es moifications C volont, l'imageles te$tes JLa"el/, a#outer es composants C partir e la palette etc.
titre 'e$emple un clic sur l'image 9: proprits 9: @con 9: ouvre une fen4tre pourslectionner une image ans le pro#et, importer une image et l'utiliser comme ic
-
7/21/2019 Cours Java Avec Netbeans
32/39
7K. Le (plash (creen
(elon les e$perts e NetBeans un "ug s'est gliss ans le template, l'emp4chant e moifier lefichier manifest.mf. Nous allons onc utiliser une es nouveauts e Java () 6 pour afficherle (plash (creen ans l'application finale
n commence par copier une image .gif ans le ossier resource u pro#et NetBeans soit parune opration e copie irecte ou en ouvrant le fichier
&)$plorateur+e5ichiers"outBo$.#ava& en ou"le cliquant sur son nom ans le l'onglet 5iles9:)$plorateur+e5ichiers9:src 9: e$plorateurefichiers.
Un clic roit sur l'image e &"out& 9: -roperties 9: ouvre une "oQte e ialogue.
(ur la ligne icon un clic sur le "outon pourtant trois point .../ ouvre un ;iFar permettant etrouver es images sur le isque ur et e les importer ans le pro#et
-
7/21/2019 Cours Java Avec Netbeans
33/39
71. Une image pour le (plash (creen
Un clic sur &@mport to -ro#ect&
70. @mporter une image
-
7/21/2019 Cours Java Avec Netbeans
34/39
Le navigateur e fichiers s'ouvre pour slectionner une image sur le isque ur
72. (lectionner le ossier e estination ans le pro#et
Le ossier e estination oit 4tre &resources& ans le pro#et
77. @mage e (plash (creen suite
-
7/21/2019 Cours Java Avec Netbeans
35/39
L'image est maintenant ans le pro#et ans le ossier ressources
Le nom e l'image est affich ans aperTu
(a visi"ilit ans &(cope& est pplication
!aintenant l'image est importe, reonnons C "out son image 9: un clic sur le "outon avec 2points .../ 9: slectionner ans &resources& l'image choisie prcemment pour "out
Un clic sur &&
Un clic sur &close& pour fermer les proprits
7*. !oifier manifest.mf
Un clic sur le navigateur e fichiers ans NetBeans 9: ou"le clic sur manifest.mf#outer la ligne suivante ans le fichier
-
7/21/2019 Cours Java Avec Netbeans
36/39
(plash(creen9@mage e$plorateurefichiers?resources?logo>transparent.gif
Note
Le nom e l'image e l'image est choisi par moi et reste "ien sOr C personnaliser
Note
Les images isponi"les pour le (plash (creen et la "oQte &"out& sont ans le ossier&resources& iniqu sur l'image
76. )$cuter l'application en ehors e l'@+)
Un clic sur le menu Buil 9: Buil !ain -ro#ect
la fin e l'opration le ossier &ist& va contenir
1.Un ossier &li"& contenant les "i"liothques ncessaires C l'e$cution u pro#et,spcialement sur Java () *
0.Le fichier .#ar e$cuta"le e pro#et
2.Un fichier )+!).8W8 crivant les procures pour e$cuter le .#ar et commentprparer le pro#et pour le istri"uer et le ploiement sur un autre s%stme
Note
-our prparer le pro#et pour une istri"ution, il suffit e Fipper le contenu u ossier &ist&% compris le ossier &li"&
-
7/21/2019 Cours Java Avec Netbeans
37/39
7A. Le fichier )+!).8W8
Les informations ncessaires pour e$cuter le fichier .#ar et pour prparer une istri"ution sontiniques ans ce fichier
-
7/21/2019 Cours Java Avec Netbeans
38/39
7D. )$cuter le .#ar
1.ller ans le e ossier NetBeans-ro#ects?)$plorateur+e5ichiers?ist
Note
NetBeans-ro#ects?)$plorateur+e5ichiers est le nom u ossier e notre pro#et
0. partir e la ligne e commane #ava 9#ar )$plorateur+e5ichiers.#ar
2.L'application marche sans aucuns pro"lmes
7E. 3onclusion
Une application graphique complte avec uniquement quelques e lignes e coe. (anscommentaires.
-
7/21/2019 Cours Java Avec Netbeans
39/39