urbanisation-si

urbanisation-si

Didacticiel ( tutoriel ) Eclipse Sirius ( Obeo Designer Community ) : on peaufine l'éditeur de diagramme

didacticiel-tutoriel-sirius-relation-creation-instance.png

 

Dans l'article précédent :

http://www.urbanisation-si.com/didacticiel-tutoriel-eclipse-sirius-obeo-designer-community-le-digne-successeur-de-gmf-le-framework-le-plus-complexe-du-monde

on a vu comment concevoir un nouvel éditeur de diagramme basé sur un métamodèle ecore.

Ce nouvel éditeur est un plugin Eclipse utilisant le nouveau framework Sirius remplaçant avantageusement le calamiteux GMF ( Graphical Modeling Framework ).

Nous avions créé un "viewpoint" contenant un objet "representation" de type diagram.

Le mapping est lié à la classe basicfamily.Man et le style des carrés sur fond bleu clair et les libellés en marrons.

Je vous propose d'améliorer le style.

Premièrement, ajoutons des images :

                                                                    didacticiel-tutoriel-sirius-woman32.png                                   didacticiel-tutoriel-sirius-man32.png

  • Clic droit sur ManNode - New Style - Workspace Image - téléchargez, stockez et sélectionnez les images ci-dessus dans la vue Properties - General -Workspace Path.
  • Dans l'onglet Label de Properties désélectionnez Show icon pour avoir 2 images sur chaque noeud.
Ajoutez un second noeud "WomanNode" en procédant de la même manière que dans l'article précédent.
  • Id* : WomanNode
  • Domain Class* : basicfamily.Woman
  • Semantic Candidates Expression : feature:members

Sauvegardez le fichier .odesign, le diagramme courant est automatiquement mis à jour reflètant les changements.

Ajoutez une une relation de base :
  • Clic droit Default - New Diagram Element -  Relation Based Edge 
  • Dans la vue Properties saisissez Source et Target :
  • Source Mapping : ManNode, WomanNode
  • Target Mapping : ManNode
  • Target Finder Expression : featurefather

Editez le style de la relation :

  • Sous fatherEdge, sélectionnez Edge style solid - Color - blue

Créez une 2ème relation mother de couleur purple.

Sauvegardez, rafraîchissez le diagramme et faites Arrange All.

Créez un outil d'édition de diagramme, ajoutez une palette. 
  • Clic droit sur Default - New Tool - Section

La palette est composée d'outils permettant de créer des objets.

Pour créer de nouvelles instances de votre domaine métier, ajoutez un "Node Creation" à la "Section" :
  • Clic droit sur la Section - New Element Creation - Node Creation
  • Dans Properties - General :
  • Id : createMan
  • Node Mapping : ManNode
  • Force Refresh : coché
  • Precondition :
  • Expected return type: a boolean.
  • Available variables: : container: ecore.EObject | the container.
Definir l'action exécutée par l'outil Create Node

Clic droit Begin - Change Context

  • Dans Properties - General - Browse Expression : varcontainer
  • Clic droit sur Change Context varcontainer - New Operation - Create Instance
  •  Dans Properties - General :
  • Reference Name : members
  • Type Name : basicfamily.Man
  • Variable Name : instance

Quand vous allez dans le diagramme, la palette contient une section createMan.

Sélectionnez, drag and drop dans le diagramme, éditez les propriétés du nouvel homme !

 

"La civilisation est une multiplication indéfinie de besoins dont on n'a pas besoin."
Samuel Mark

 

Voir aussi :  

 

http://urbanisation-si.wix.com/blog

http://urbanisme-si.wix.com/blog

http://urbanisation-si.wix.com/urbanisation-si

http://urbanisation-si.over-blog.com/

http://rhonamaxwel.over-blog.com/

http://urbanisation-des-si.blogspot.fr/

http://bonnes-pratiques-si.eklablog.com/

http://urbanisation-si.eklablog.com/



14/09/2015
0 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 115 autres membres