1. Création d’un projet Dans le menu File, créez un projet en choisissant : New Project. aden Take Sadre RN BARAT IS Te Wd oom ee ACP BB Beompries..._cevtiare, -——]] “2 steps choose rect 1 Chote Project com oyres Pros 4 © Gemar Su Hees B ertepie B Jaaroe ner evetne seus ‘Go Nace cea 1B ose Poet wen Extn ant Se wD sercles esti ‘creates anew 125 aplcation ns ctndard i reps Yu can ako ores nah can Uh pocel Sardad tees ue an IDE generated A ball script bul rs, scebug‘Vérifiez ensuite le chemin de sauvegarde du projet (Champs Project Location). i TT atone (issn ai weit avannraucaotecrbvepereuasicuravrnas wn | TE] ati [Sag ata ee pga ae ea] amr Frcatenencs (mamseeinsinan Cm) | oe> | CS Cec) Ce) 2, Ajout d’une interface dans le projet Le projet initial se compose uniquement d’un fichier Main java. I s'agit par défaut dune application console. Nous allons rapidement faire micux ! (LT em a Bebe yea AGOTO an bedaGAad [sie [ea aa: 28) prokage Savsappteationdt pantie mind |2.1, Ajouter un composant visuel a votre projet. Pour cela utilisez le sous menu New File dans le menu File. Deora Combat ht ante a Boman, BEBE] cmparo I ne = Fenime + main. packa: iia/+ Les fichiers permettant d’obtenir des éléments graphiques sont dans Java Gui Forms. 1. choose Fie Type choose File Tyo Projet | sevanoeatonat capi eee a 2 Seen meyer] Pasrn 4B Ivatenns Objeds Bi Frere Fon ane Bae : one 8 Pie ee ie Sores pavakae am, [ vas {D Ant Bute Sorts Boe boson Irom |crentes ane Fé ng ole appt i vs cls th Ty a de nombreux types différents. Nous utiliserons un composant simple : JDialog Form,Choisissez ensuite un nom adapté par exemple Prineipale. ee) rom: Garsnst loans Sexson a Pauw ase a censhs: Hicusounleny palvaielatouibcinearaeieunoiea) Le projet en cours est mis & jour et posséde maintenant un fichier [Link] et un fichier [Link]. ieee dee is edt Wew Maviste source Refacer Euld fin CYS Tose Windon Hap BRSB¥BBAFP BSCS BU baa Welcore | LY [Link] X [) Princes jaws * MAS Wah | + + [Proects «=| -& Javanpphcation’t 5G Somcerecces EH fovoastcatirot Bt joa to. EMbincpal ove «3G TeetPacagee BAB brates 5G Testers2.2. Suppression du fichier Main,java Faire un click droit sur le fichier Main java et choisir Delete dans le menu contextuel. Tie St Hor Mvpas sears Aor Bas an CS Test Besa vaeIF?e w sore [sem | IRS etarie enters Le projet se présente alors comme suit Fle cs deo nega seus fetter os Ran ch Btbea ¥aarere GB Teta2.3. Compiler le projet Fn cliquant sur, NetBeans vous demandera de sélectionner la classe principale BAC2 BSO)dd ra [toon | GS Ro En validant Principale comme étant la classe on obtient comme résultat une fenétre vide (sans nom, sans bot3. Les éléments de base d’une fenétre 3.1. Utilisation des objets de Vinterface Une fenétre graphique peut se manipuler sous forme graphique (utilisez l’onglet Design) ou sous forme textuelle (onglet Source). La construction dune interface se fait en mode Design. ‘wekeme_*|[[Link] *] source [Doan || (RIS SSE | + ¢ ‘Tous les objets graphiques nécessaire a une interface sont regroupés dans l’onglet Palette. Palette Swng ot Label 2 sutton [Bl STogaleButton 1 acheckox ‘= Radatutton 5> Ratonsroup ‘= 3conboto« laut 5 Metre 5 stexre [Pent 7 aTeboedtene [=x 25ccloer [lasactpave (5 aweruer [El epuptionsLorsqu’on objet graphique est sélectionné & la souris, Vonglet Properties permet de manipuler ses propriétés (couleur, position, forme,....) ——— (paces) cane ca reeersema aecam gs ml Gl lavevorres | D Ese rounds Gl] joursor [Ponteur ... [peal] enabled Gl FocusCiycefcoe | foeusmavesabce fh 2ouFonst fecsteaveeaPe feninears (ast) it 0.0, 001 bextra D) SooBnipeo8ooo8 Booaei Inecmatsee (ASSEN fanmasse (0,0) ine Oo Inca ets Type Weds imaliyryee Medal gpe] rane ‘3e01 freoradsee (0 fesoeie tnerwaied resets able ane | Decsble Descighi na a ecole Front [erates Twill 3.2. Renseigner les éléments de base de la fenétre Afin d’illustrer l'utilisation de l'onglet Properties, nous allons donnez un nom a cette fenétre en l'appelant : Comptabilité Générale. Pour cela, dans l’onglet Properties, renseignez le champ : Title. podoo_ol ooCeci devrait vous donner aprés compilation seins 3.3, Ajouter un bouton Quitter Dans la liste des composant sélectionnez JToggleButton et dessinez ensuite un bouton sur la fenétre. Swing dake a sbutton I TTogdlebutten 3 acheckBox > wRadooutton [TTeqgeaition Gavac eit 2 2Comboton iz 1S Mextreld 1 Mestivea 1 rane! 5 iebbesre a 3Seoear oseratane eres Sl rcouever ‘Vous devriez obtenir une fenétre similaire celle-ci 10(ioaaleButtont J-« Nous allons changez l'apparence de ce bouton en faisant apparaitre Quitter (ne faisons pas comme Windows, ne l’appelons pas Demarrer © ). ‘Sélectionnez le bouton a la souris, et examiner le panneau Properties. Modifiez ensuite le champ Text. Sanne escooonteee! — 5 Aprés avoir saisie Quitter et une fois valider par la touche Entrée, vous obtiendrez. jpop! Ino)Et la fenétre en cours de construction s commence & prendre forme). présente comme suit (ce 3.4, Attachez une action au bouton Quitter Faire un click droit sur le bouton pour faire apparaitre le menu contextuel. Bt choisir ensuite Events/Mouse/mouseClicked. Cela signifie que nous désirons attacher un événement lorsque I’événement click se produira sur le bouton. [el TTextives [Siother Propartes Pena stinCenmand i eee Accson “| change Waite Heme EB sscattene — | ecoreneszeseh cae sae ‘ Po) eee crore ee wore SORTS ete et esas toon te ete Space Around Component eet ImettedTe: | dovbleaulered Newoveants) fart | as Move Up InputMethod HecuscycleRoct Mave Down ten mer lfecusPanted he 5 Mouseltaton | mouseEnterect ie MPFAIn! frousewheel—»)mouseExted Propertiss Propertychange | mousePressed venacoungyo|_woustcad NY 2Automatiquement, NetBeans vous propose de remplir le code qui sera associé & I’événement Click sur le bouton. Le nom de la procédure est clair de ce point de vue. petrate vold JToggleButtonttousecLicked java. aut at MouseBvent eve) { ' Je vous propose de mettre le code suivant : private void jToggleButtoniMouseClicked([Link] .Mousesvent evt) | Je her [Link] (0); Ce code permettra de terminer I’ application sur I’événement Click. Je vous laisse vérifier que cela fonctionner (prenez le temps de compiler et de tester application). 4, Communiquer avec Vutilisateur 4.1. Lire les données saisies et afficher Utilisez les JLabel et les JTextFiled pour construire une fenétre similaire A la fenétre ci dessous, isang rT ae we JLabel a srearel ma (setae Srearelinee (a Tonalin Je vous laisse deviner comment jai modifier le texte initial du JLabel et le contenu du ITextField ( © ).Vous devriez obtenir ceci : Ajoutez ensuite un bouton : Et pour conclure ajoutez un JTextArea 14‘Au final voici & quoi pourrait ressembler votre interface Nous allons réaliser l'opération (simple @ ) suivante : lorsque l'utilisateur « 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 précédemment en appelant le menu contextuel de votre bouton OK. 5 ogeaon edo: Gone evwty eredorne> paves > cer nec alte Sere ‘esc » NetBeans devrait alors vous proposer ceci 15J private void sToggieButton2MouseCiicked|[Link] evt) ( / topo add your handling code here - 4 Remarque : Le texte sur Ie bouton est bien OK, mais d’un point de vue informatique, le bouton s’appelle JToggleButton2. Maintenant ajoutez le code Java suivant : private void JToggleButton2MouseClicked([Link] event Mouseevent evt) | { Topo add your handling code here string chaine; Choine = jTextPicldl getText(): 3TextAreal Vous obtiendrez a I'exécution ceci Pas mal pour un début... etext ("Bonjour Monsieur "4chaine) (acorns 164.2. Attention aux nombres entiers et aux nombres réels. Is sont un cauchemar 4 eux seuls.... Modifier la fenétre précédente (vous aver. plus besoin de moi pour le faire) ‘Comme ceci dans un premier temps : votre non: Puis finalementVotveniom: [72177 me Le plus pénible est a venir.. Déclarez un événement sur le bouton que vous venez de définir wan ren ys Peon co = me coment ae coer sm ° Focus , sini. » ewan > vt HererchyBounds » pest » Inputvethod > jmodat cntake fae ows econ Vousin 9 romero set » Rewites > tsetse nc Drown 9 Monee satronsie ie moan cone vinineose ince cor ane FrovettiesEt attaquons nous au code ... pas difficile mais particuliérement pénible. Le code Java a inclure dans la procédure jToggleButton2MouseClicked doit ressembler ceci: int i,j,resultat; String Chainel, Chaine2, Chaine3; // récuparation des deux données au format String... Chainel = [Link] (); Chaine2 = [Link] (); // converson en int i = [Link] (Chainel) ; j = [Link] (Chaine2); // addition resultat i+ // conversion en chaine Integer rr = new Integer(resultat); Chaine3 = [Link] (1; // on affiche le résultat [Link] (Chaine3); 19Vous pourrez. ensuite vérifier que les calculs sont justes Votrenom: [27979 | [0x Quitter 5. Conclusion Ce document vous aidera (je l’espére a faire vos premiéres interfaces). Toutes les critiques sont les bienvenues y compris pour la correction des fautes de frappe et des fautes d’orthographe. 20