Définir les options graphiques dans les diagrammes

Vue globale

Les options graphiques des diagrammes sont présentées dans la vue “Symbole” comme le montre la capture d'écran suivante :

1

La vue “Symbole” sur une classe

Vue détaillée

2

Une vue détaillée de la vue “Symbole”

Légende :

  • 1. L'onglet de la vue “Symbole”
  • 2. La liste déroulante des différents types de diagrammes
  • 3. Le bouton “Annuler les modifications locales”
  • 4. Le bouton “Afficher / Cacher la description de la propriété sélectionnée”
  • 5. Les options graphiques de l'élément sélectionné

La description des propriétés

La vue “Symbole” est un outil puissant qui vous permet de modifier de nombreuses propriétés graphiques pour les éléments dans vos diagrammes.

Si vous souhaitez lire la description de chaque propriété graphique, utilisez le bouton “Afficher / Cacher la description de la propriété sélectionnée”, comme le montre la capture d'écran suivante :

6

Activation de la zone de description des propriétés graphiques

Étapes :

  • 1. Cliquez sur le bouton “Afficher / Cacher la description de la propriété sélectionnée”.
  • 2. La zone de description apparaît alors, montrant la description de la propriété sélectionnée.

Modifier des propriétés graphiques

Lorsque les diagrammes sont créés, ils utilisent tous un style par défaut. Le même style est utilisé par tous les éléments créés dans le diagramme.

Le style utilisé est indiqué dans la barre d'outils de la vue “Symbole” :

3

La liste déroulante des styles applicables dans les diagrammes, montrant le style actuellement utilisé

Vous pouvez modifier les propriétés graphique des éléments des diagrammes dans la vue “Symbole”. Les propriétés ayant été modifiées localement s'affichent en gras, afin de vous permettre de les identifier rapidement.

Exemples de modifications de propriétés graphiques :

7

Modification du mode de représentation d'une classe

8

Les différents modes de représentation d'une classe

4

Modification de la propriété “Couleur de remplissage” d'une classe

Étapes :

  • 1. Modifiez la couleur de remplissage de la classe.
  • 2. La modifiation est appliquée dans le diagramme.
  • 3. La propriété “Couleur de remplissage” apparaît maintenant en gras, ce qui indique qu'elle a été modifiée localement.

A tout moment vous pouvez annuler les modifications locales, simplement en cliquant sur le bouton “Annuler les modifications locales” dans la barre d'outils de la vue “Symbole” :

5

Annulation des modifications locales

Étapes :

  • 1. Cliquez sur le bouton “Annuler les modifications locales”.
  • 2. Le couleur de remplissage est à nouveau celle du style par défaut.
  • 3. Le propriété “Couleur de remplissage” n'apparaît plus en gras.

Créez votre propre style

Modelio vous permet de créer vos propres styles pour les diagrammes. Pour ce faire, effectuez les opérations montrées dans les captures d'écran ci-dessous :

Tout d'abord, ouvrez la fenêtre “Styles des diagrammes”.

9

Ouverture de la fenêtre “Styles des diagrammes”

Étapes :

  • 1. Cliquez sur le menu “Configuration” dans la barre de menus.
  • 2. Cliquez sur “Styles des diagrammes…”
  • 3. La fenêtre “Styles des diagrammes” s'ouvre alors.

Nous allons maintenant créer un nouveau style.

10

Création d'un nouveau style de diagramme

Étapes :

  • 1. Cliquez-droit sur le style “Default”.
  • 2. Cliquez sur “Dériver un nouveau style…”.
  • 3. Saisissez un nom pour le nouveau style.
  • 4. Cliquez sur “OK” pour valider la création du nouveau style.

Nous allons maintenant procéder à la modification de notre nouveau style.

11

Modification du nouveau style

Étapes :

  • 1. Sélectionnez votre nouveau style.
  • 2. Apportez les modifications de votre choix.
  • 3. Les propriétés modifiées apparaissent en gras.
  • 4. Cliquez sur “Enregistrer” pour enregistrer votre nouveau style. Vous pourrez maintenant le déployer dans votre projet.
  • 5. Cliquez sur “Fermer” pour quitter la fenêtre “Styles des diagrammes”.

Note: Les styles de diagrammes sont sauvegardés sous forme de fichiers “NomDuStyle.style” dans le répertoire “.config/styles” de votre projet.

Enfin, nous allons appliquer notre nouveau style à des diagrammes nouveaux ou existants.

12

Application du nouveau style à un diagramme existant

Étapes :

  • 1. Dans la barre d'outils de la vue “Symbole”, cliquez sur la liste déroulante des styles des diagrammes, et choisissez notre nouveau style.
  • 2. Le style est alors appliqué au diagramme.

graph_prop_004.png (45.1 KB) admin admin, 05 September 2016 10:25

graph_prop_012.png (82.9 KB) admin admin, 05 September 2016 10:25

graph_prop_001.png (56.5 KB) admin admin, 05 September 2016 10:25

graph_prop_010.png (36.6 KB) admin admin, 05 September 2016 10:25

graph_prop_002.png (26.4 KB) admin admin, 05 September 2016 10:25

graph_prop_006.png (19.7 KB) admin admin, 05 September 2016 10:25

graph_prop_003.png (6.32 KB) admin admin, 05 September 2016 10:25

graph_prop_009.png (51.9 KB) admin admin, 05 September 2016 10:26

graph_prop_007.png (17.5 KB) admin admin, 05 September 2016 10:26

graph_prop_005.png (19 KB) admin admin, 05 September 2016 10:26

graph_prop_008.png (7.8 KB) admin admin, 05 September 2016 10:26

graph_prop_011.png (59.3 KB) admin admin, 05 September 2016 10:26