2015年6月25日木曜日

Eclipse Siriusの簡単な使い(2)

前回の引き続き 以下について説明。
  • ノードに画像の表示
  • WomanNodeの表示
  • 関連の線表示
  • ノード追加方法

ノードに画像を表示                         
  • my.project.designフォルダにiconsフォルダを作成
  • 下記画像をiconsフォルダに保存
    • https://wiki.eclipse.org/images/1/12/Man32.png
    • https://wiki.eclipse.org/images/b/bc/Woman32.png
  • ManNodeを選択
  • New Style > Workspace Image
    • ノードを画像で表示するように設定
タブ設定項目設定内容説明
GeneralWorkspacepath/my.project.design/icons/Man32.png表示するアイコンのパス
LabeShow Iconチェック解除ノードを表示する時に、アイコンを表示有無
Label Expressionfeature:nameラベル表示内容
Label Positionborderラベルの表示場所を境界にする


WomanNodeを表示                         
ManNodeと設定方法は同じ。そのため、画像は省略
  • DefaultLayer を選択
  • New Diagram Element > Node 
  • id: WomanNode
  • Domain Class: basicfamily.Woman
  • Semantics Candidate Expression: feature:members
  • Woman Node を選択
  • New Style > Workspace Image
  • Workspacepath : /my.project.design/icons/Woman32.png
  • Label  Show iconsチェックボックス解除
最終的に表示されるのは以下のようになる。


関連線の表示                         

  • 参照関係の線を定義するのも、ノードと同じような仕組みで定義が可能
  • Default Layerを選択
  • New Diagram Element > Relation Based Edge
  • id: fatherEdge
  • Source Mapping: ManNode ,WomanNode
    • 関連線のソースとなるノードを指定
  • Target Mapping ManNode
    • 関連線のターゲット(矢印の先)となるノードを指定
  • Target Finder Expression: feature:father
    • 関連線のターゲットとなるノードを見つける表現

ダイアグラムを表示すると、関連の線が表示される。

  • motherの関連線も上記同様に設定する。
  • Default Layerを選択
  • New Diagram Element > Relation Based Edge
  • id: motherEdge
  • Source Mapping: ManNode ,WomanNode
    • 関連線のソースとなるノードを指定
  • Target Mapping WomanNode
    • 関連線のターゲット(矢印の先)となるノードを指定
  • Target Finder Expression: feature:mother
    • 関連線のターゲットとなるノードを見つける表現

  • 線の色等を変更したい場合
    • Edge Style solidを選択して、Color > Stroke Colorで変更可能

ノード追加                               


ダイアグラムからノードを追加する方法
  • Default Layerを選択
  • New Tool >  Section

  • New Element Creation > Node Creation


  • id: createMan
  • Label:Man
  • Node Mapping: ManNode


  • Beginを選択
  • New Operation > Change Context


  • Browser Expression: var container
  • Change Contextを選択
  • New Operation > Create Instance
  • Reference Name : members
  • Type Name : basicfamily.Man
  • variable Name : instance

  • Create Instance を選択
  • New Operation > Set


  • Feature Name : name
  • Value Expression : ['man'+container.members->filter(Man).size()/]
  • ダイアグラムにセクションが表示される。
  • Manを選択して、ダイアグラムにD&Dするとインスタンスが作成される。



WomanNodeを追加する方法はManNodeの追加方法と全く同じ。
基本的に上記のManをWomanに変更するのみ。

次回:
 ダイアグラムで関連付けする方法。

0 件のコメント:

コメントを投稿