< Précédent | Suivant >

Leçon 4 : Diviser le menu d'un profil

Dans cette leçon, vous diviserez un menu d'outils de profil.
En utilisant le modèle et le profil UML que vous avez créés dans la leçon 1, le menu contextuel par défaut (nommé Add My Profile) devrait contenir deux stéréotypes : Acteur <A> et Acteur <B> (notez que ces associations ne sont pas affichées dans le menu contextuel). Au lieu de garder un seul menu par défaut, avec les deux stéréotypes, vous allez créer deux menus contextuels séparés, un pour l'Acteur <A> et un pour l'Acteur <B>.

Pour diviser le menu d'outils de profil en deux menus :

  1. Reprenez le projet My Profile Tooling Project que vous avez créé à la leçon 1.
  2. Dans la vue Explorateur de projet, ouvrez le modèle d'outils My Profile, et développez le package <<Menus>> Menus.
  3. Dans la vue Propriétés, sur la page du menu contextuel, observez les propriétés de <<ContextMenu>> My Profile et remarquez qu'il n'y a qu'un enfant, <<FlyoutMenu>> Add My Profile. Pour créer un nouveau menu contextuel, vous créez un nouveau FlyoutMenu et l'ajoutez en tant que second enfant.
  4. Avant de commencer, préparez le menu Add My Profile. Dans la vue Explorateur de projet, cliquez sur <<FlyoutMenu>> Add My Profile et naviguez jusqu'à la page Général de la vue de Propriétés. Puis, renommez ce menu de manière plus significative : Add A Stuff.
  5. Dans la vue Propriétés, cliquez sur l'onglet FlyoutMenu. Vous devriez voir une entrée dans la propriété des enfants : le groupe par défaut <<MenuGroup>>. Par conséquent, un menu contextuel est simplement un <<ContextMenu>>, avec des liens vers des enfants, qui sont des <<FlyoutMenu>>, et ceux-ci sont reliés à des enfants de type <<MenuGroup>>.
    Remarque : Pour conserver un menu contextuel (par exemple, Add My Profile) mais avoir des menus déroulants séparés, vous pouvez ajouter un second <<MenuGroup>> au menu <<Flyout>>.
  6. Pour continuer de nettoyer les menus courants, vous utilisez le groupe du menu defaultGroup comme groupe du menu pour l'élément “A”, et créez un nouveau groupe du menu pour l'élément “B”. Dans la vue Explorateur de projet, sélectionnez le <<MenuGroup>> defaultGroup, puis, dans la vue Propriétés, sur la page Générale, renommez le groupe de façon plus significative : AGroup.
  7. Cliquez sur l'onglet MenuGroup et constatez que deux entrées sont répertoriées sous la propriété enfants.
  8. Supprimez l'entrée enfant de l'acteur <B><<MenuCreationAction>> et fermez la fenêtre.
  9. Dans la vue Explorateur de projet, cliquez avec le bouton droit de la souris sur <<ContextMenu>> MyProfile; puis cliquez sur Ajouter un diagramme > Ajouter un diagramme ContextMenu. Le diagramme montre le menu contextuel (My Profile) avec un menu déroulant enfant (Add A Stuff). Comme le montre la figure suivante, le menu Add A Stuff possède un enfant groupe de menu (AGroup), qui possède un enfant d'action de création (Acteur).

    Menu contextuel avec menu déroulant.

    Remarque : Vous pouvez réaliser une personnalisation dans les diagrammes ; cependant, il est souvent plus rapide de réaliser la personnalisation en passant par les propriétés de l'élément. Souvenez-vous que les associations dans les outils de profil ne se comportent pas comme les associations dans un diagramme de classes, par exemple. Des lors, il n'est possible de supprimer une association que depuis l'éditeur de diagramme ; cela ne supprimera pas l'association sous-jacente actuelle entre un menu déroulant et son groupe.
  10. Pour créer un nouveau menu déroulant et un nouveau groupe de menu, sélectionnez l'outil FlyoutMenu depuis la palette Menus faites-le glisser dans l'éditeur de diagramme, puis nommez-le : Add B Stuff.
  11. Effectuez les mêmes étapes pour créer l'outil MenuGroup et nommez-le BGroup.
  12. Pour connecter l'action de création de menu Acteur avec son nouveau groupe de menu, faites glisser l'Acteur<B> <<MenuCreationAction>> depuis la vue Explorateur de projet vers l'éditeur de diagramme. Le diagramme contient maintenant le nouveau menu déroulant, le nouveau groupe de menu et l'élément de création de menu Acteur original.
    Nouveau menu déroulant, nouveau groupe de menu et créateur d'éléments Acteur original tous ajoutés dans le diagramme.
  13. Pour connecter ces éléments, dans la Palette, sous Menus, utilisez l'outil enfant MenuContainer pour relier le menu contextuel My Profile au menu déroulant Add B Stuff.
  14. Utilisez le même outil pour connecter le menu déroulant Add B Stuff au groupe de menu BGroup et le groupe du menu BGroup à l'élément de création de menu Acteur <B> afin que le diagramme ressemble à la figure suivante.

    Entrez texte alternatif.

  15. Dans la vue Explorateur de projet, vous pouvez voir le nouvel élément FlyoutMenu et le nouvel élément MenuGroup. Notez qu'ils sont répertoriés sous ContextMenu Mon Profil car c'est là que ContextMenuDiagram1 a été créé. Un élément d'un diagramme est créé dans le même emplacement que le diagramme. Si vous le souhaitez, vous pouvez fermer le diagramme, déplacer les nouveaux éléments dans un autre emplacement dans la vue Explorateur de projet, puis créer un nouveau diagramme ContextMenu.
  16. Vous avez terminé la personnalisation du menu dans le modèle d'outils.
  17. Cliquez sur Fichier > Enregistrer pour sauvegarder votre travail.
    A faire : Pour générer ou régénérer le code d'outils de profil, dans la vue Explorateur de projet, cliquez avec le bouton droit de la souris sur le modèle d'outils, puis cliquez sur Générer un code d'outils.
Si vous déployez le plug-in d'outils de profil et créez un nouveau modèle basé sur ce profil, votre palette devrait ressembler à la figure suivante :

Palette terminée.