[JAVA] J'ai créé une interface graphique avec Swing

introduction

Je voulais créer une interface graphique, alors je l'ai fait avec Swing. Je vais résumer ce que j'ai fait pour la première fois, donc ce sera pour les débutants. Si vous faites une erreur ou trouvez quelque chose de mieux, faites-le moi savoir.

environnement

macOS Catalina (version 10.15.1) Eclipse ~~ Pour installer le plug-in, cliquez sur [Comment brancher Swing dans Eclipse 2019-03 ver.] ](Https://qiita.com/mizuki_chi00/items/6e169a865074c275a4db) Installé en référence à ~~ La page a disparu. ..

Préparation

1. Créez un projet
2. Sélectionnez Nouveau> Autre et sélectionnez WindowsBuilder> Swing Designer> Fenêtre d'application → [Suivant]
3. Entrez un nom et cliquez sur [Terminer] pour créer → Le code suivant est généré automatiquement

Création d'écran

Vous pouvez l'organiser librement dans l'onglet [Conception]. Je voulais l'organiser librement cette fois, alors je l'ai créé avec la mise en page Absolute

1. Cliquez sur Disposition absolue à partir des présentations → Cliquez sur la zone en forme de fenêtre sur le côté droit → Le panneau est maintenant installé sur la base. (Cela a la même apparence, mais cela ressemble à un tapis sur le sol.)
2. Dans Composants, sélectionnez le composant que vous souhaitez placer et placez-le. J'ai essayé de placer l'étiquette. Une fois placé, le code sera également généré automatiquement.
3. Vous pouvez modifier les propriétés en sélectionnant le composant que vous avez placé. Essayez de remplacer le texte affiché par un ID utilisateur. Réécrire le texte de la propriété en "ID utilisateur" → étirer la taille de l'étiquette horizontalement
4. Répétez cette opération pour créer l'interface utilisateur comme vous l'avez imaginé. En fin de compte, j'ai créé une interface utilisateur comme celle-ci. (Ce n'est pas une interface utilisateur sympa, mais elle est toujours en construction ...)

Création d'événement

Dans l'état actuel des choses, seule l'interface utilisateur est affichée, donc appuyer sur le bouton de connexion ne fait rien. Assurez-vous que l'événement est déclenché lorsque vous cliquez sur le bouton de connexion. Cette fois, après avoir appuyé sur le bouton de connexion, un autre écran s'affiche.

1. Faites un clic droit sur le composant et sélectionnez "Ajouter un gestionnaire d'événements> souris> cliqué avec la souris"
2. Le code est généré automatiquement, je vais donc écrire le processus ici
3. Lorsque vous appuyez sur le bouton de connexion, l'écran d'origine (écran de connexion) est supprimé et l'écran suivant s'affiche. Supprimez l'écran de connexion avec frame.dispose (); Un autre écran est visualisé avec a.frame.setVisible (true);.

C'est un peu difficile à comprendre, Le cadre de frame.dispose (); est l'écran de connexion, Le cadre d'un.frame.setVisible (true); sera un autre écran. Si une erreur survient dans le cadre de a.frame.setVisible (true);, supprimez le privé de "private JFrame frame;" sur l'écran à afficher. 4. Presque prêt, courons Une fois exécuté, l'écran de connexion s'affiche.

Lorsque vous appuyez sur le bouton de connexion ... Un autre écran sera affiché.

à la fin

Je ne suis pas un professionnel, alors utilisez-le comme niveau de référence ... De plus, lors de la création avec une mise en page absolue, il est agréable de pouvoir changer librement la taille du composant, mais lorsque je redimensionne l'écran, cela ne bouge pas bien de la position d'origine, donc cela me rend un peu triste. .. Si vous connaissez un bon moyen, faites-le moi savoir ... J'écrirai à nouveau un article lorsque celui que je fais sera terminé.