Dessinez des lignes en JavaFX - Voici comment créer des formes facilement

Le dessin de formes est un élément fondamental du développement GUI. Avec JavaFX, vous pouvez facilement créer différentes formes qui ajoutent plus d'attrait visuel à votre application. Dans ce tutoriel, nous nous concentrerons sur la forme la plus simple : la ligne. Vous allez apprendre à dessiner, ajuster et styliser une ligne dans une scène JavaFX.

Principales découvertes

• Utilisation de la classe Line pour créer une ligne dans JavaFX.
• Ajustement de la couleur et de la largeur de la ligne.
• Introduction aux lignes pointillées et aux différents styles de ligne.

Guide étape par étape

Pour créer une ligne dans JavaFX, suivez ces étapes :

Étape 1: Créer une HBox de base

Pour représenter votre ligne, vous devez d'abord créer une HBox. Cela servira de conteneur pour tous les composants graphiques.

Tout d'abord, la boîte est instanciée. Vous pouvez créer une nouvelle HBox en utilisant le code suivant :

HBox box = new HBox();

Étape 2: Créer une scène

Il est maintenant temps de créer une scène dans laquelle votre HBox sera insérée. Vous pouvez définir la taille de la scène et donc de la zone de dessin à 400x400 pixels.

Voici le code pour créer la scène :

Scene scene = new Scene(box, 400, 400);

Étape 3: Insérer une ligne

Pour maintenant dessiner une ligne, utilisez la classe Line. Cela vous permet de spécifier les points de départ et d'arrivée de la ligne directement dans le constructeur.

Par exemple, vous créez une ligne qui va du point (0,0) au point (200,200) :

Line line = new Line(0, 0, 200, 200);

Étape 4: Ajouter la ligne à la scène

Pour rendre la ligne visible, vous devez l'ajouter à la HBox. Pour cela, vous utilisez la méthode getChildren().addAll().

Voici le code correspondant :

box.getChildren().addAll(line);

Étape 5: Comprendre le point d'origine

Une caractéristique importante de JavaFX est que le point d'origine se trouve dans le coin supérieur gauche de la zone de dessin. Les valeurs positives descendent pour l'axe y et vers la droite pour l'axe x.

Étape 6: Colorer la ligne

Pour rendre la ligne plus visible, vous pouvez changer sa couleur avec la commande setStroke().

Utilisez ce code pour changer la couleur en rouge :

line.setStroke(Color.RED);

Étape 7: Ajuster l'épaisseur de la ligne

Vous pouvez également ajuster la largeur de la ligne. Pour cela, utilisez la méthode setStrokeWidth().

Utilisez ce code pour augmenter la largeur à 25 pixels :

line.setStrokeWidth(25);

Étape 8: Créer des lignes pointillées

Pour créer une ligne pointillée, vous avez besoin du DashArray. Cette méthode vous permet de définir des motifs pour la ligne.

Voici un exemple pour créer une ligne pointillée :

line.getStrokeDashArray().addAll(10.0, 20.0);

Étape 9: Définir le style de la ligne

Le cap de la ligne peut être rond ou angulaire. Pour définir le style sur rond, utilisez la commande setStrokeLineCap().

Voici le code correspondant :

line.setStrokeLineCap(StrokeLineCap.ROUND);

Étape 10: Exercice interactif

Maintenant que vous connaissez les principes du dessin de lignes dans JavaFX, vous pouvez essayer un petit exercice. Essayez de dessiner une maison simple en utilisant des lignes pour les fondations et le toit.

Pausiez la vidéo et essayez de esquisser une maison !

Résumé

Dans ce tutoriel, vous avez appris à créer, ajuster et styliser une ligne dans JavaFX. Vous avez découvert les bases de l'interface graphique pour continuer avec d'autres formes dans les vidéos à venir.