Cours Java - JavaFX - Composants de base PDF

Interfaces graphiques avec JavaFx 9- Composants de base Module: Programmation Objet Avancée A.Mazoul Département Génie informatique  Interfaces graphiques avec JavaFx...

Interfaces graphiques avec JavaFx 9- Composants de base Module: Programmation Objet Avancée A.Mazoul Département Génie informatique  Interfaces graphiques avec JavaFx JavaFx Composants de JavaFX JavaFX offre un ensemble de composants (kit de développement) pour créer les interfaces utilisateurs graphiques. le terme composant sera utilisé pour parler des éléments qui servent à afficher des informations ou permettre à l'utilisateur d'interagir avec l'application: Libellés, icônes, boutons, champs-texte, menus, cases à cocher, etc. Les composants ont tous pour classe parente Control qui est une sous-classe de Node. A.Mazoul Programmation orienté objet Java 2  Interfaces graphiques avec JavaFx JavaFx Composants avec libellés De nombreux composants affichent et gèrent des textes (libellés, boutons, cases à cocher, etc.) Les textes de ces composants peuvent être accompagnés d'un autre composant, généralement un graphique, une image ou une icône. A.Mazoul Programmation orienté objet Java 3  Interfaces graphiques avec JavaFx JavaFx Composants avec libellés A.Mazoul Programmation orienté objet Java 4  Interfaces graphiques avec JavaFx JavaFx Label Label est un composant de l'interface(UI Component), il peut afficher le texte, des icônes, ou les deux. Les constructeurs permettent de définir le contenu du texte et de l'éventuel composant additionnel (graphic).  new Label("Hello");  new Label("Warning", warningIcon); Le Label peut afficher l'icône ou texte et tous les deux. A.Mazoul Programmation orienté objet Java 5  Interfaces graphiques avec JavaFx JavaFx Label Vous pouvez définir Font (inclure le nom de Font et la taille) pour le Label par des méthodes setFont Utilisez la méthode setTextFill pour définir la couleur de police pour Label. WarpText définit si le texte passe à la ligne suivante lorsqu'il atteint la limite de la zone. Par défaut A.Mazoul Programmation orienté objet Java 6  Interfaces graphiques avec JavaFx JavaFx Button JavaFX Button permet aux dévellopeurs de traiter une action lorsqu'un utilisateur clique sur un bouton. La classe Button est une extension de la classe Labeled. Il peut afficher un texte, une image, ou les deux. Les constructeurs permettent de définir le contenu du texte et de l'éventuel composant additionnel (graphic).  new Button("Ok");  new Button("Save", saveIcon); Par héritage, toutes les propriétés qui ont été mentionnées pour les composants avec libellés (sous-classes de Labeled) sont naturellement applicables pour le composant Button. onAction: Détermine l'événement à générer lorsque l'action du bouton est déclenchée. cancelButton: Booléen qui indique si le bouton est un bouton Cancel qui peut déclencher une action lorsqu'on presse sur la touche Escape (VK_ESC). defaultButton: Booléen qui indique si le bouton est un bouton par défaut, l’action doit être déclenchée lorsque l'utilisateur presse sur la touche Enter (VK_ENTER). A.Mazoul Programmation orienté objet Java 7  Interfaces graphiques avec JavaFx JavaFx Button A.Mazoul Programmation orienté objet Java 8  Interfaces graphiques avec JavaFx JavaFx TextField - binding Une liaison (binding) est effectuée entre la propriété text (contenu du champ texte) et la propriété disable en utilisant des opérations intermédiaires (isEmpty() et or()). A.Mazoul Programmation orienté objet Java 9  Interfaces graphiques avec JavaFx JavaFx TextField Le composant TextField représente un champ texte d'une seule ligne qui est éditable par défaut. prefColumnCount : permet de déterminer la largeur préférée du composant. promptText : Texte affiché si aucun texte n'a été défini ou saisi par l'utilisateur Alignment : Alignement du texte dans le champ (Pos). clear() : Supprime le texte sur TextField. copy()/ cut() : Copier/couper le texte sélectionné d’un TextField. paste() : Coller du texte depuis le clipboard.. A.Mazoul Programmation orienté objet Java 10  Interfaces graphiques avec JavaFx JavaFx TextArea Le composant TextArea permet d'afficher et de saisir du texte dans un champ multiligne (une zone de texte). Le texte peut être renvoyé à la ligne automatiquement et des barres de défilement (scrollbar) horizontales et/ou verticales sont ajoutées automatiquement si la taille du composant ne permet pas d'afficher l'entier du texte. prefColumnCount: Nombre de colonnes de la zone de texte; permet de déterminer la largeur préférée du composant. prefRowCount: Nombre de lignes de la zone de texte; permet de déterminer la hauteur préférée du composant. A.Mazoul Programmation orienté objet Java 11  Interfaces graphiques avec JavaFx JavaFx ToggleButton Le composant ToggleButton représente un bouton bistable. Il comporte donc deux états : un clic le met à l'état sélectionné (on), un nouveau clic le remet à l'état désélectionné (off).  new ToggleButton("Sound");  new ToggleButton("Sound", graphic); On peut former des groupes de ToggleButton en associant les boutons concernés à un ToggleGroup. un seul bouton peut être sélectionné:  ToggleGroup grp= new ToggleGroup();  btn.setToggleGroup(grp); A.Mazoul Programmation orienté objet Java 12  Interfaces graphiques avec JavaFx JavaFx RadioButton Le composant RadioButton est utilisé pour choisir une seule option parmi plusieurs.  new RadioButton("text");  new RadioButton("text", graphic); Nous devons donc placer tous les RadioButton dans des groupes de type ToggleGroup afin d'obtenir sélection unique.  ToggleGroup grp= new ToggleGroup();  radioBtn.setToggleGroup(grp); A.Mazoul Programmation orienté objet Java 13  Interfaces graphiques avec JavaFx JavaFx CheckBox Le composant CheckBox représente une case à cocher que l'utilisateur peut sélectionner ou désélectionner. La case à cocher peut potentiellement se trouver dans trois états différents. Dans ce cas, chaque clic fera passer le composant à l'état suivant :  Désélectionné  Sélectionné  Indéterminé / non-défini Autorise l'état indéterminé A.Mazoul Programmation orienté objet Java 14  Interfaces graphiques avec JavaFx JavaFx Hyperlink Le composant Hyperlink se présente comme un lien hypertexte HTML dans une page web. Il agit comme un bouton lorsqu'on clique sur le texte associé et peut déclencher n'importe quelle action. Les constructeurs:  new Hyperlink("text");  new Hyperlink("text", graphic); Visited : Indique si le lien a déjà été visité, c'est-à-dire cliqué. Si l'on souhaite que le lien hypertexte affiche le contenu d'une page web, on peut utiliser le composant WebView. A.Mazoul Programmation orienté objet Java 15  Interfaces graphiques avec JavaFx JavaFx TextArea A.Mazoul Programmation orienté objet Java 16  Interfaces graphiques avec JavaFx JavaFx TextArea A.Mazoul Programmation orienté objet Java 17 A.Mazoul Réseaux informatiques Téléinformatique 18