Comment utiliser CardLayout avec Netbeans GUI Builder

Préface (c'est une auto-réponse post)

J'ai pris mon pieds humides avec Netbeans GUI Builder mais je ne suis pas commencer à plonger à apprendre plus de détails. Vraiment, je ne savais même pas chaud pour changer le gestionnaire de configuration de la vue de conception, je voudrais juste la main de code. J'ai donc essayé de demander l'aide de Google bureau en demandant "Comment utiliser les différents gestionnaires de disposition dans Netbeans GUI Builder" et étonnamment trouvé que dalle dans les deux premières pages de résultats. Dans la Fenêtre Eclipse Constructeur, à partir de la palette, vous pouvez faire glisser une goutte différents gestionnaires de disposition, alors pourquoi pas dans le GUI Builder. Et voilà, après des heures de recherche, j'ai trouvé le magique Mise en page à partir du menu contextuel du composant conteneur. Maintenant, je suis prêt à régner sur le monde!

J'ai pensé que je jette dans quelques tutoriels sur la façon d'utiliser différents gestionnaires de disposition de GUI Builder, ici, DONC si les autres ne vont pas chauve arracher les cheveux à essayer de comprendre ce que je ce que j'ai trouvé par moi-même. Après avoir terminé le premier tutoriel sur CardLayout (ci-dessous) - je obtenir des prêts à poster mes efforts et tapez le titre de la Poser une Question page, "Comment utiliser CardLayout avec Netbeans GUI Builder" . Ce que l' ...!!. Il y avait déjà quelques question posée à ce sujet!!!!. Je suppose que je devrais ai fait mon Google requête plus précise. DOHH!

De toute façon, j'ai ce tutoriel maintenant, ce qui est encore plus instructif que ceux prévus dans les autres réponses, si mes efforts ne sera pas gaspillé (donc je me dis 😀 ). Je vais peut-être faire une série de ces tutoriaux. Nous allons le voir. Pour l'instant, profiter Comment utiliser CardLayout 😛

Je pense que le double drapeau doit être échangé - la accepté de répondre à l'autre question, c'est juste un lien vers un site de tutoriel (qui n'est pas une réponse acceptable pour DONC, de toute façon).

OriginalL'auteur Paul Samsotha | 2014-02-20

58

Comment Utiliser CardLayout
1. Avec un nouveau JFrame formulaire, ajoutez un JPanel, quelques JButtons à la forme de sorte qu'il ressemble à ceci
  
  Votre navigateur volet devrait ressembler à ceci. Avis j'ai changé les noms de variable. Vous pouvez le faire par un clic droit sur le composant à partir du navigateur et en sélectionnant changement de nom de la variable.
2. Maintenant nous voyons la mise en page de mainPanel à CardLayout. Double-cliquez sur le mainPanel dans le navigateur, il est donc visible par lui-même dans la vue de conception. Puis faites un clic droit dans le navigateur et sélectionnez Mise en page -> CardLayout. Votre navigateur devrait maintenant ressembler à ceci
3. Maintenant, nous allons ajouter différents JPanels à la mainPanel. Juste à droite, cliquez sur le mainPanel à partir du navigateur et sélectionnez Ajouter à partir de la Palette -> Swing Conteneurs -> Composite. Le faire trois fois, donc vous avez trois différents JPanels. J'ai aussi changé leurs noms de variables. Votre navigateur ne devrait pas ressembler à cela.
4. La partie mise en page est définie, mais permet d'ajouter certaines étiquettes de sorte que nous pouvons distinguer entre les JPanels et également modifier leur nom de la carte. Donc, double-cliquez sur panelOne à partir du navigateur. Vous verrez le panneau dans la vue de conception. Il suffit de glisser et déposer un JLabel et de modifier le texte de l'étiquette Panel One. Que faire pour les deux autres aussi, en nommant ses étiquettes en conséquence. Lorsque vous avez terminé, votre navigateur devrait ressembler à ceci.
  
  Nous voulons aussi changer le nom de la des panneaux qui ont été donnés comme CardLayout références. Nous pouvons le faire en double-cliquant sur le panneau (panelOne) et va le volet propriétés. Il y a vers le bas, vous verrez une propriété Card Name. Il suffit de changer ce que vous voulez, j'ai utilisé panelOne. Que faire pour les deux autres JPanel
  
  Remarque: À tout moment, vous pouvez modifier la position de mise en page, dites que vous voulez panelTwo d'abord, au lieu de panelOne. Juste à droite, cliquez sur mainPanel et sélectionnez Ordre de Changement. Vous pouvez déplacer les panneaux vers le haut ou vers le bas sur le bon de commande.
5. Nous avons presque terminé. Nous avons juste besoin d'ajouter les auditeurs les boutons pour basculer entre les panneaux dans le CardLayout. Donc, double-cliquez sur l'image à partir du navigateur. Vous devriez voir les boutons. Clic droit sur le Panel One bouton. et sélectionnez Events -> Action -> actionPerformed. Vous devriez voir le code généré automatiquement dans la vue du code source. Ajouter ce bout de code
```
private void jbtPanelOneActionPerformed(ActionEvent evt) {                                            
    CardLayout card = (CardLayout)mainPanel.getLayout();
    card.show(mainPanel, "panelOne");
} 
```
  Le faire pour les deux autres boutons, faire en sorte de faire passer le nom correct du panneau correspondant à la show méthode.
Si vous avez suivi les 5 étapes ci-dessus, votre programme doit s'exécuter comme suit.

Il est également possible de faire glisser et de déposer d'autres de la classe Composite des classes de formulaire sur votre mainPanel, si vous avez d'autres que vous souhaitez utiliser. Cela peut être une approche privilégiée pour la plus grande non-trivial cas, pour éviter de grande classe.

Son impressionnant .. ▲
Comment vous faites les événements si d'autres panneau séparé à l'extérieur du cadre? Par exemple, pour revenir à l'écran principal.

OriginalL'auteur Paul Samsotha

Vous devez vous connecter pour publier un commentaire.

Comment Utiliser CardLayout