Cours Java Avec Netbeans

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/.


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


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


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


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/


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/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


8/39


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.


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


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


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


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&


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&.


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


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


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


18/39

02. 5ile 3hooser

(uite


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


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


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


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


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


24/39

0E. 3ompiler notre pro#et

Un clic sur 9: le menu Buil : Buil !ain -ro#ect ou 511/

2K. Une compilation russite


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


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*


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


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


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


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


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


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


33/39

71. Une image pour le (plash (creen

Un clic sur &@mport to -ro#ect&

70. @mporter une image


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


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


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"&


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


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.


39/39

Documents

Cours Java Avec Netbeans