Cours d’introduction à Java Christophe Vaudry IUT - Cycle IRISM Année 2000-2001.

Présentation au sujet: "Cours d’introduction à Java Christophe Vaudry IUT - Cycle IRISM Année 2000-2001."— Transcription de la présentation:

1 Cours d’introduction à Java Christophe Vaudry IUT - Cycle IRISM Année 2000-2001

2 Cours d’introduction à Java (5) : l’Abstract Windowing Toolkit(1ère partie) Christophe Vaudry IUT - Cycle IRISM Année 2000-2001

3 Conteneurs et composants (1) : généralités Une interface graphique en Java est un assemblage conteneurs () et de composants (). Une interface graphique en Java est un assemblage conteneurs ( Container ) et de composants ( Component ). Un composant est une partie "visible" de l'interface utilisateur Java. Un composant est une partie "visible" de l'interface utilisateur Java.  C’est une sous-classes de la classe abstraite.  C’est une sous-classes de la classe abstraite java.awt.Component.  Exemple : les boutons, les zones de textes ou de dessin, etc. Un conteneur est un espace dans lequel on peut positionner plusieurs composants. Un conteneur est un espace dans lequel on peut positionner plusieurs composants.  Sous-classe de la classe  Sous-classe de la classe java.awt.Container  La classe est elle-même une sous-classe de la classe  La classe Container est elle-même une sous-classe de la classe Component   Par exemple les fenêtres, les applets, etc.

4 Conteneurs et composants (2) : hiérarchie Hiérarchie d’héritage des principaux éléments des interfaces graphiques en Java

5 Conteneurs et composants (3) : Frame et Panel Les deux conteneurs les plus courants sont et. Les deux conteneurs les plus courants sont Frame et Panel. Un présente une fenêtre de haut niveau avec un titre, une bordure et des angles de redimensionnement. Un Frame présente une fenêtre de haut niveau avec un titre, une bordure et des angles de redimensionnement.  Un est doté d'un par défaut.  Un Frame est doté d'un BorderLayout par défaut.  La plupart des applications utilisent au moins un comme point de départ de leur interface graphique.  La plupart des applications utilisent au moins un Frame comme point de départ de leur interface graphique. Un n'a pas une apparence propre et ne peut pas être utilisé comme fenêtre autonome. Un Panel n'a pas une apparence propre et ne peut pas être utilisé comme fenêtre autonome.  Un est doté d'un par défaut.  Un Panel est doté d'un FlowLayout par défaut.  Les sont créés et ajoutés aux autres conteneurs de la même façon que les composants tels que les boutons.  Les Panel sont créés et ajoutés aux autres conteneurs de la même façon que les composants tels que les boutons. –Les peuvent ensuite redéfinir une présentation qui leur soit propre pour contenir eux-mêmes d'autres composants. –Les Panel peuvent ensuite redéfinir une présentation qui leur soit propre pour contenir eux-mêmes d'autres composants.

6 Conteneurs et composants (4) : utilisation On ajoute un composant dans un conteneur, avec la méthode () : On ajoute un composant dans un conteneur, avec la méthode add() : Panel p = new Panel(); Button b = new Button(); p.add(b); De manière similaire, un composant est retirer de son conteneur par la méthode () : De manière similaire, un composant est retirer de son conteneur par la méthode remove() :.(); p.remove(b); Un composant a (notamment) : Un composant a (notamment) :  une taille préférée que l’on obtient avec ()  une taille préférée que l’on obtient avec getPreferredSize()  une taille minimum que l’on obtient avec ()  une taille minimum que l’on obtient avec getMinimunSize()  une taille maximum que l’on obtient avec ()  une taille maximum que l’on obtient avec getMaximunSize()

7 Gestionnaire de présentation (1) A chaque conteneur est associé un gestionnaire de présentation () A chaque conteneur est associé un gestionnaire de présentation (layout manager) Le gestionnaire de présentation gère le positionnement et le (re)dimensionnement des composants d’un conteneur. Le gestionnaire de présentation gère le positionnement et le (re)dimensionnement des composants d’un conteneur. Le ré-agencement des composants dans un conteneur a lieu lors de : Le ré-agencement des composants dans un conteneur a lieu lors de :  la modification de sa taille,  le changement de la taille ou le déplacement d'un des composants.  l'ajout, l'affichage, la suppression ou le masquage d'un composant.

8 Gestionnaire de présentation (2) Les principaux gestionnaire de présentation de l'AWT sont : Les principaux gestionnaire de présentation de l'AWT sont :   FlowLayout   BorderLayout   GridLayout   CardLayout   GridBagLayout Tout conteneur possède un gestionnaire de présentation par défaut. Tout conteneur possède un gestionnaire de présentation par défaut.  Tout instance de référence une instance de.  Tout instance de Container référence une instance de LayoutManager.  Il est possible d'en changer grâce à ().  Il est possible d'en changer grâce à setLayout (). Les gestionnaires de présentation par défaut sont : Les gestionnaires de présentation par défaut sont :  Le pour et ses descendants (,, etc.)  Le BorderLayout pour Window et ses descendants ( Frame, Dialog, etc.)  Le pour et ses descendants (, etc.)  Le FlowLayout pour Panel et ses descendants ( Applet, etc.)

9 Premier exemple : ExempleIHM import java.awt.*; public class ExempleIHM extends Frame { private Button b1; private Button b2; public static void main (String args []) { ExempleIHM that = new ExempleIHM (); that.pack (); //change taille du Frame pour englober boutons that.setVisible (true) ; } public ExempleIHM() { super("Notre exemple d'IHM"); // lance le constructeur de la super classe, ici Frame setLayout (new FlowLayout ()); // nouveau gestionnaire pres. b1 = new Button ("Appuyer"); b2 = new Button ("Ne pas appuyer"); add (b1); add (b2); }

10 Deuxième exemple : AutreIHM (variante du premier exemple) ; import java.awt.*; public class AutreIHM { public Frame f; private Button b1; private Button b2; public static void main (String args []) { AutreIHM that = new AutreIHM (); that.f.pack(); that.f.setVisible (true) ; } public AutreIHM() { f = new Frame("Notre exemple d'IHM"); f.setLayout(new FlowLayout()); b1 = new Button ("Appuyer"); b2 = new Button ("Ne pas appuyer"); f.add(b1); f.add(b2); }

11 Plusieurs gestionnaires de présentation Java fournit plusieurs gestionnaires de présentation, c'est-à-dire plusieurs politiques de positionnement et de redimensionnement des composants dans un conteneur. Java fournit plusieurs gestionnaires de présentation, c'est-à-dire plusieurs politiques de positionnement et de redimensionnement des composants dans un conteneur. Les gestionnaires de présentation proposés dans java.awt sont : Les gestionnaires de présentation proposés dans java.awt sont :   FlowLayout   BorderLayout   GridLayout   CardLayout   GridBagLayout Remarque Remarque  Une fois installé, un gestionnaire fonctionne "tout seul" en interagissant avec le conteneur.  Il est donc généralement inutile de garder une référence sur un gestionnaire de présentation –d’où les ‘ setLayout(new FlowLayout() ); ’ par exemple –exception pour et –exception pour CardLayout et GridBagLayout

12 FlowLayout (1) : généralités Le FlowLayout est le plus simple des managers de l'AWT Le FlowLayout est le plus simple des managers de l'AWT Gestionnaire de présentation utilisé par défaut dans les si aucun n'est spécifié. Gestionnaire de présentation utilisé par défaut dans les Panel si aucun LayoutManager n'est spécifié. Un peut spécifier : Un FlowLayout peut spécifier :  une justification à gauche, à droite ou centrée,  un espacement horizontal ou vertical entre deux composants.  Par défaut, les composants sont centrés à l'intérieur de la zone qui leur est allouée.

13 FlowLayout (2) : stratégie de disposition La stratégie de disposition du est la suivante : La stratégie de disposition du FlowLayout est la suivante :  Respecter la taille préférée de tous les composants contenus.  Disposer autant de composants que l'on peut en faire tenir horizontalement à l'intérieur de l'objet.  Disposer autant de composants que l'on peut en faire tenir horizontalement à l'intérieur de l'objet Container.  Commencer une nouvelle rangée de composants si on ne peut pas les faire tenir sur une seule rangée.  Si tous les composants ne peuvent pas tenir dans l'objet, ce n'est pas géré (c'est-à-dire que les composants peuvent ne pas apparaître).  Si tous les composants ne peuvent pas tenir dans l'objet Container, ce n'est pas géré (c'est-à-dire que les composants peuvent ne pas apparaître).

14 FlowLayout (3) : illustration du comportement OK Ouvrir Fermer Redimensionnement OK Ouvrir Fermer OK Ouvrir Fermer Redimensionnement OKOuvrir Fermer plus visible

15 FlowLayout (4) : conseils d'utilisation Ne pas utiliser un objet géré par un à l'intérieur d'un container dont le gestionnaire de présentation respecte la hauteur préférée. Ne pas utiliser un objet Container géré par un FlowLayout à l'intérieur d'un container dont le gestionnaire de présentation respecte la hauteur préférée. Le cache réellement et effectivement les composants qui ne rentrent pas dans le cadre. Le FlowLayout cache réellement et effectivement les composants qui ne rentrent pas dans le cadre. Le n'a d'intérêt que quand il y a peu de composants. Le FlowLayout n'a d'intérêt que quand il y a peu de composants. L'équivalent vertical du n'existe pas, il faut ou l'écrire soit même, ou utiliser le Layout Manager de L'équivalent vertical du FlowLayout n'existe pas, il faut ou l'écrire soit même, ou utiliser le Layout Manager BoxLayout de javax.swing Cacul de la d'un objet utilisant un : Cacul de la taille préférée d'un objet Container utilisant un FlowLayout :  = Somme de la largeur de tous les composants  largeur préférée = Somme de la largeur de tous les composants  = La plus grande hauteur préférée de ses composants  hauteur préférée = La plus grande hauteur préférée de ses composants

16 FlowLayout (5) : ce qu’il faut retenir La présentation positionne les composants ligne par ligne. La présentation FlowLayout positionne les composants ligne par ligne.  Chaque fois qu'une ligne est remplie, une nouvelle ligne est commencée. Le gestionnaire n'impose pas la taille des composants mais leur permet d'avoir la taille qu'ils préfèrent. Le gestionnaire FlowLayout n'impose pas la taille des composants mais leur permet d'avoir la taille qu'ils préfèrent. Le FlowLayout cache réellement et effectivement les composants qui ne rentrent pas dans le cadre. Le FlowLayout cache réellement et effectivement les composants qui ne rentrent pas dans le cadre. Le FlowLayout n'a d'intérêt que quand il y a peu de composants. Le FlowLayout n'a d'intérêt que quand il y a peu de composants.

17 FlowLayout (6) : exemple de AppliFlowLayout.java Redimensionnement

18 BorderLayout (1) : généralités divise son espace de travail en cinq zones géographiques :,,, et. BorderLayout divise son espace de travail en cinq zones géographiques : North, South, East, West et Center. Les composants sont ajoutés par nom à ces zones (un seul composant par zone). Les composants sont ajoutés par nom à ces zones (un seul composant par zone).  Exemple  Exemple add("North", new Button("Le bouton nord !"));  Si une des zones de bordure ne contient rien, sa taille est 0.

19 BorderLayout (2) : stratégie de disposition Stratégie de disposition du Stratégie de disposition du BorderLayout  S'il y a un composant dans la partie placée dans la partie, il récupère sa taille préférée, respecte sa hauteur préférée si possible et fixe sa largeur à la totalité de la largeur disponible de l'objet.  S'il y a un composant dans la partie placée dans la partie NORTH, il récupère sa taille préférée, respecte sa hauteur préférée si possible et fixe sa largeur à la totalité de la largeur disponible de l'objet Container.  S'il y a un composant dans la partie placée dans la partie, il fait pareil que dans le cas de la partie.  S'il y a un composant dans la partie placée dans la partie SOUTH, il fait pareil que dans le cas de la partie NORTH.  S'il y a un composant dans la partie placée dans la partie, il récupère sa taille préférée, respecte sa largeur préférée si possible et fixe sa hauteur à la totalité de la hauteur encore disponible.  S'il y a un composant dans la partie placée dans la partie EAST, il récupère sa taille préférée, respecte sa largeur préférée si possible et fixe sa hauteur à la totalité de la hauteur encore disponible.  S'il y a un composant dans la partie placée dans la partie, il fait pareil que dans le cas de la partie.  S'il y a un composant dans la partie placée dans la partie WEST, il fait pareil que dans le cas de la partie EAST.  S'il y a un composant dans la partie, il lui donne la place qui reste, s'il en reste encore.  S'il y a un composant dans la partie CENTER, il lui donne la place qui reste, s'il en reste encore.

20 BorderLayout (3) : comportement du redimensionnement N O Redimensionnement E S C N O E S C Lors du redimensionnement, le composant est lui-même redimensionné en fonction de la taille de la zone, c-à-d : Lors du redimensionnement, le composant est lui-même redimensionné en fonction de la taille de la zone, c-à-d :  les zones nord et sud sont éventuellement élargies mais pas allongées.  les zones est et ouest sont éventuellement allongées mais pas élargies,  la zone centrale est étirée dans les deux sens.

21 BorderLayout (4) : calcul de la taille préférée Calcul de la taille préférée d’un objet Container utilisant un BorderLayout : Calcul de la taille préférée d’un objet Container utilisant un BorderLayout :   largeur préférée = La plus grande valeur parmi : – –largeur préférée du « NORTH » – –largeur préférée du « SOUTH » – –(largeur préférée du « WEST ») + (largeur préféré du « CENTER ») + (largeur préférée du « EAST ») + ("Horizontal Gap")   hauteur préférée = ("Vertical Gap") + (hauteur préférée du « NORTH ») + (hauteur préférée du « SOUTH ») + MaximunEntre( hauteur préférée du « WEST », la hauteur préférée de « CENTER », la hauteur préférée du « EAST »)

22 BorderLayout (5) : exemple de AppliBorderLayout.java Redimensionnement

23 GridLayout (1) Le gestionnaire découpe la zone d'affichage en lignes et en colonnes qui définissent des cellules de dimensions égales. Le gestionnaire GridLayout découpe la zone d'affichage en lignes et en colonnes qui définissent des cellules de dimensions égales.  Lorsqu'on ajoute des composants, les cellules sont remplies de gauche à droite et de haut en bas. Le dispose les composants dans une grille. Le GridLayout dispose les composants dans une grille. Chaque composant à la même taille et est positionné de gauche à droite et du bas vers le haut. Chaque composant à la même taille et est positionné de gauche à droite et du bas vers le haut. Les 2 paramètres importants sont les rangées et les colonnes. Les 2 paramètres importants sont les rangées et les colonnes.  Seul l'un des deux est utilisé, l'autre est calculé en fonction du premier et du nombre de composants. Construction d'un GridLayout : new GridLayout(3,2); nombre de lignes nombre de colonnes

24 GridLayout (2) 1 2 3 Redimensionnement 4 5 6 1 2 3 4 5 6 Lors du redimensionnement les composants changent tous de taille mais leurs positions relatives ne changent pas. Lors du redimensionnement les composants changent tous de taille mais leurs positions relatives ne changent pas.

25 GridLayout (3) : calcul de la taille préférée La taille préférée d'un se calcule en prenant la plus grande hauteur et la plus grande largeur dans les tailles préférées des composants. Il met tous les composants à cette hauteur et à cette largeur. Donc la vaut : La taille préférée d'un GridLayout se calcule en prenant la plus grande hauteur et la plus grande largeur dans les tailles préférées des composants. Il met tous les composants à cette hauteur et à cette largeur. Donc la taille préférée vaut :  hauteur préférée = ( plus grande taille préférée des composants * nbre de colonnes ) + ( "Horizontal Gap" * (nbre de colonnes + 1 ))  largeur préféré = ( plus grande largeur préférée des composants * nbre de rangées ) + ( "Vertical Gap" * (nbre de rangées + 1 ))

26 GridLayout (4) : exemple import java.awt.*; import java.applet.Applet; public class ButtonGridApplet extends Applet { public void init() { setLayout(new GridLayout(3,2)); for (int i = 1; i < 7; i++) add(new Button(Integer.toString(i))); } ButtonGridApplet Redimensionnement

27 CardLayout Le n'affiche qu'un composant à la fois : Le CardLayout n'affiche qu'un composant à la fois :  les composants sont considérées comme empilées, à la façon d'un tas de cartes.  La taille préférée d'un utilisant un sera la taille préférée du plus grand de ces composants.  La taille préférée d'un Container utilisant un CardLayout sera la taille préférée du plus grand de ces composants. La présentation permet à plusieurs composants de partager le même espace d'affichage de telle sorte que seul l'un d'entre eux soit visible à la fois. La présentation CardLayout permet à plusieurs composants de partager le même espace d'affichage de telle sorte que seul l'un d'entre eux soit visible à la fois. Pour ajouter un composant à un conteneur utilisant un il faut utiliser Pour ajouter un composant à un conteneur utilisant un CardLayout il faut utiliser add(String cle, Component monComposant) Voir l’exemple commenté Voir l’exemple commenté AppliCardLayout.java

28 GridBagLayout Le gestionnaire fournit des fonctions de présentation complexes Le gestionnaire GridBagLayout fournit des fonctions de présentation complexes  basées sur une grille,  permettant à des composants simples de prendre leur taille préférée au sein d'une cellule, au lieu de remplir toute la cellule.  Il permet aussi l'extension d'un même composant sur plusieurs cellules. Le est compliqué à gérer. Le GridBagLayout est compliqué à gérer. Dans la plupart des cas, il est possible d’éviter de l’utiliser en associant des objets utilisant des gestionnaires différents. Dans la plupart des cas, il est possible d’éviter de l’utiliser en associant des objets Container utilisant des gestionnaires différents. Ce gestionnaire sera abordé plus tard si on en a le temps Ce gestionnaire sera abordé plus tard si on en a le temps