Editeur Visuel Eclipse

Transcription

1 Editeur Visuel Eclipse Ce document est une présentation rapide de l'éditeur visuel d'interfaces Java sous Eclipse. Le lecteur est invité à lancer Eclipse, et à lire le document, en testant ce qu'il lit, en parallèle sous Eclipse. De nombreux composants et de nombreuses propriétés sont passés sous silence : le lecteur est inviter à en tester quelques-unes...

2 Espace de travail L'espace de travail est un répertoire qui contient un ensemble de projets. On peut changer d'espace de travail par le menu : Fichier Accéder à l'espace de travail

3 Projet Un projet est un ensemble de ressources (classes java, paquetages, icônes, ) nécessaires à l exécution d une application. On crée un projet par le menu : Fichier Nouveau Projet voir

4 Configurer un projet 1 : Entrer le nom du projet 2 : Configurer le JDK 3 : Terminer

5 Ajouter une application L'ajout d'une application avec interface visuelle se fait par le menu : Fichier Nouveau Visual class Puis configurer cette application voir

6 Création de l'application 1 : Entrer le nom de la classe 2 : Choisir Application dans le répertoire Swing 3 : Terminer

7 Application générée Les actions précédentes ont généré l'application : Le cadre de l'application Le titre de l'application L'icône de l'application Le menu File La barre de menus Les boutons iconification agrandissement fermeture Le content pane

8 Edition visuelle d'une application L'édition d'une application se fait à l'aide des composants visuels. Ces composants sont groupés dans la palette de composants : Les composants menu Les composants conteneurs Les composants de base L'éditeur visuel génère du code java, dont l'exécution affiche l'interface.

9 Edition visuelle d'une application Principe général : Choix d'un composant dans la palette

10 Edition visuelle d'une application Principe général : Choix d'un composant dans la palette Dépôt du composant dans l'interface

11 Edition visuelle d'une application Principe général : Choix d'un composant dans la palette Dépôt du composant dans l'interface Configuration du composant par l'onglet Propriétés voir

12 MENU 1 Les composants concernés par l 'édition de menus sont : JMenuBar : la barre de menus, qui doit être déposée dans l'application JMenu : un menu, déposé dans la barre de menu JMenuItem : un item de menu, déposé dans un menu.

13 MENU 2 Les composants JMenu et JMenuItem ont une propriété text, qui est le texte du menu ou de l'item de menu. Un composant JMenuItem peut déclencher une action lorsqu'il est sélectionné. Pour créer cette action : Sélectionner l'item de menu dans l'onglet JavaBeans. Faire apparaître le menu contextuel à l'aide d'un clic droit. Choisir events, puis actionperformed (voir)

14 L'éditeur visuel génère la séquence cicontre : MENU 3 menuit.addactionlistener( new java.awt.event.actionlistener() { public void actionperformed (java.awt.event.actionevent e) { System.out.println("..."); } }); On remplace alors System.out.println("... ") par la séquence d'instructions désirée.

15 Composants conteneur Les composants conteneurs, sont des composants qui contiennent d'autres composants conteneurs, ou des composants de base. JPanel : un panneau, muni d'un gestionnaire de placement. JSplitPane : un panneau qui divise l'espace en deux sous espaces redimensionnables. JScrollPane : un panneau qui contient un composant, et qui fait apparaître des barres de défilement si nécessaire.

16 Composants conteneur : JPanel Un panneau simple. Propriétés : background : la couleur du fond du panneau. preferredsize : la taille du panneau. border : la bordure du panneau Bevel, Etched, Line, Titled... tooltiptext : le texte de conseil layout : le gestionnaire de placement.

17 Composants conteneur : gestionnaire de placement BorderLayout : le panneau est divisé en 5 zones : nord, sud, est, ouest et centre. FlowLayout : les composants sont rangés les uns derrière les autres. GridLayout : l'espace est divisé en colonnes et lignes.

18 Composants conteneur : JSplitPane Le panneau est divisé en deux parties qui peuvent être redimensionnées par la barre qui les sépare. La division peut être horizontale ou verticale : propriété orientation.

19 Composants conteneur : JScrollPane JScrollPane est un conteneur permettant de munir un composant de barres de défilement. Ceci permet de visualiser des composants plus grands que l'espace dans lequel ils sont visualisés. Nous l'utiliserons surtout pour contenir un composant JTextArea.

20 Composants de base Nous étudions 4 composants simples. JButton : l'appui sur le bouton déclenche une action. JLabel : affichage d'un texte. JTextField : édition d'un texte d'une ligne. JTextArea : édition d'un texte de plusieurs lignes. Ces composants ont les propriétés : Text : String gettext() et void settext(string t) Font : Font getfont() et void setfont(font f) Enabled : le composant est actif ou non. Visible : le composant est visible ou non....

21 Composants de base : JButton Un bouton est muni d'un texte, éventuellement d'une icône... Un bouton est muni d'une action qui est déclenchée lors de l'appui sur le bouton. Pour créer cette action, on utilise la même méthode que pour les items de menu.

22 Composants de base : JLabel Un JLabel sert à afficher du texte dans l'interface. Ce texte ne peut pas être modifié par l'utilisateur de l'interface. Un JLabel a, par défaut, un fond transparent. Le texte peut être aligné à gauche, centré, ou aligné à droite. Un JLabel peut être muni d'une icône.

23 Composants de base : JTextField Un JTextField sert à éditer du texte dans l'interface. Le texte peut être aligné à gauche, centré, ou aligné à droite. Un JTextField peut déclencher une action lorsque l'utilisateur appuie sur une touche du clavier.

24 Composants de base : JTextField Pour créer l'action déclenchée par l'appui sur une touche : Sélectionner le JTextField dans l'onglet JavaBeans. Avec un clic droit, faire apparaître le menu contextuel. Puis choisir event keytyped

25 Composants de base : JTextField Le code généré est alors : jtextfield.addkeylistener(new java.awt.event.keyadapter() { public void keytyped(java.awt.event.keyevent e) { System.out.println("keyTyped()"); } }); L'événement e a les méthodes suivantes : char getkeychar() qui retourne le caractère tapé au clavier. int getkeycode() qui retourne le code du caractère tapé au clavier....

26 Composants de base : JTextArea Le composant JTextArea sert à éditer des textes de plusieurs lignes. En général, le composant est inclus dans un composant JScrollPane. Un JTextArea peut déclencher une action lorsque l'utilisateur appuie sur une touche du clavier. La génération est la même que pour un JTextField.