Share via

方法: グラフ ドキュメントを編集およびカスタマイズする

  • [アーティクル]

Visual Studio Ultimate では、ノードとリンクを編集することにより、有向グラフの編集の主要な関係および領域に絞って表示できます。 これは、グラフに大量の情報が表示される場合に特に便利です。 たとえば、既存のソフトウェア システム内の主要なコンポーネントとそれらの関係を特定できます。 その後、絞り込んだこれらの領域をチーム メンバーと共有し、議論することができます。 コードからのグラフの生成の詳細については、「方法: .NET コードに対する依存関係グラフを生成する」を参照してください。

関心のある領域を強調して表示するために、ノードの選択およびフィルター処理、ノードおよびリンクへの定義済みスタイルの適用、およびノードのグループへの編成を実行できます。 グラフの DGML (Directed Graph Markup Language) ファイルを編集すると、グラフをさらに詳細にカスタマイズできます。 たとえば、ファイルの DGML 要素を編集して、カスタム スタイルを指定したり、ノードおよびリンクにプロパティおよびカテゴリを割り当てたり、ドキュメント、URL、その他の .dgml ファイルなどのアイテムにノードをリンクしたりすることができます。 DGML 要素の詳細については、「Directed Graph Markup Language (DGML) について」を参照してください。

注意

.dgml ファイルを保存すると、Visual Studio により、未使用の DGML 要素および属性が削除されクリーンアップされます。 また、新しいリンクを手動で追加すると、自動的にノード要素が生成されます。.dgml ファイルを保存すると、要素に追加した属性がアルファベット順に並べ替えられる場合があります。

グラフは次の方法で編集できます。

  • ノードを選択する

  • ノードの表示/非表示を切り替える

  • リンクの表示/非表示を切り替える

  • グラフのスタイルを変更する

  • ノードおよびリンクのスタイルを変更する

  • 一方のグラフから他方のグラフにスタイルをコピーする

  • ノードをグループに編成する

  • ノードおよびリンクにプロパティを割り当てる

  • ノードおよびリンクにカテゴリを割り当てる

  • アイテムをノードにリンクする

  • よく使用されるパスのエイリアスを作成する

ノードを選択する

目的

実行する手順

特定のカテゴリからノードを選択する

  1. グラフを右クリックし、[詳細な選択内容の表示] をクリックします。

  2. [選択範囲] ボックスの [カテゴリ] で、目的のカテゴリをクリックします。

カスタム カテゴリを作成し割り当てる方法については、「ノードおよびリンクにカテゴリを割り当てる」を参照してください。

特定のプロパティまたは特定のプロパティ値を持つノードを選択する

  1. グラフを右クリックし、[詳細な選択内容の表示] をクリックします。

  2. [選択範囲] ボックスの [プロパティ] で、目的のプロパティをクリックします。 特定のプロパティ値を選択するには、プロパティを展開します。

関連するノードを選択したノードに追加する

選択したノードを右クリックし、[選択] をポイントし、次のいずれかをクリックします。

  • 選択したノードに直接リンクしているノードを追加するには、[入力方向を選択] をクリックします。

  • 選択したノードから直接リンクされているノードを追加するには、[出力方向を選択] をクリックします。

  • 選択したノードと双方向で直接リンクしているノードを追加するには、[両方を選択] をクリックします。

  • 選択したノードとリンクしているすべてのノードを追加するには、[接続しているすべてのノードを選択] をクリックします。

  • 選択したノードのすべての子ノードを追加するには、[子の選択] をクリックします。

すべての選択されていないノードを選択する

選択したノードを右クリックし、[選択] をポイントし、[切り替え] をクリックします。

ノードの表示/非表示を切り替える

グラフ上のノードを非表示にすると、そのノードはグラフに表示されなくなり、配置アルゴリズムから削除されます。

目的

実行する手順

選択したノードを非表示にする

  1. 非表示にするノードを選択します。

  2. 選択したノードまたはグラフを右クリックし、[選択] をポイントし、[非表示] をクリックします。

特定のカテゴリまたは特定のプロパティを持つノードを非表示にする

  1. [選択範囲] ボックスを表示するために、グラフを右クリックし、[詳細な選択内容の表示] をクリックします。

  2. [選択範囲] ボックスで、目的のカテゴリまたはプロパティをクリックします。

  3. グラフを右クリックし、[選択] をポイントし、[非表示] をクリックします。

選択されていないノードを非表示にする

  1. 非表示にしないノードを選択します。

  2. 選択したノードまたはグラフを右クリックし、[選択] をポイントし、[選択範囲以外を非表示] をクリックします。

すべての非表示のノードを表示する

グラフを右クリックし、[選択] をポイントし、[すべて再表示] をクリックします。

.dgml ファイルを編集してノードを非表示にするには

  1. グラフを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開きます。

  2. <Node/> 要素に、ノードを非表示にするための次の属性を追加します。

    Visibility="Hidden"

    次に例を示します。

    <Nodes>
   <Node Id="MyNode" Visibility="Hidden"/>
</Nodes>

リンクの表示/非表示を切り替える

表示するリンクの種類を指定することで、グラフ上の詳細情報の量を制御できます。 グラフには、ノード間の直接リンクと、既定では非表示のグループ間リンクの 2 種類のリンクが表示されます。 グループ間リンクは、異なるグループにまたがってノードを接続するすべての個別リンクです。

グループを折りたたむと、すべてのグループ間リンクが、グループ間の単一リンクにまとめられます。 グループを展開すると、グループ内のノードを選択でき、グループ間リンクが新たに表示されて、そのグループ内の実際の依存関係が示されます。

リンクの表示/非表示を切り替えるには

  1. グラフ ツール バーが表示されていない場合は、[ビュー] メニューの [ツール バー] をポイントし、[有向グラフ] をクリックします。

  2. 次の表からタスクを選択します。

    目的

    クリック対象

    すべてのグループ間リンクを常時表示する

    [すべてのグループ間リンクを表示]

    選択したノードに接続されているグループ間リンクのみを表示する

    [選択したノードのグループ間リンクを表示]

    すべてのグループ間リンクを常時非表示にする

    [すべてのグループ間リンクを非表示]

    すべてのリンクを非表示にする (またはすべてのリンクを表示する)

    [すべてのリンクを非表示]

    すべてのリンクを表示するには、[すべてのリンクを非表示] を再度クリックして、このモードをオフにします。

グラフのスタイルを変更する

グラフの .dgml ファイルを編集することで、グラフの背景色および境界線の色を変更できます。 ノードおよびリンクのスタイルを変更する方法については、「ノードおよびリンクのスタイルを変更する」を参照してください。

グラフのスタイルを変更するには

  1. グラフを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開きます。

  2. <DirectedGraph> 要素に次の任意の属性を追加して、グラフのスタイルを変更します。

    変更対象

    追加する属性

    背景色

    		 
    Background="ColorNameOrHexadecimalValue"

    境界線の色

    		 
    Stroke="StrokeValue"

    次に例を示します。

    <DirectedGraph Background="Green" xmlns="https://schemas.microsoft.com/vs/2009/dgml" >
   ...
   ...
</DirectedGraph>

ノードおよびリンクのスタイルを変更する

ノードのアイコン、およびノードとリンクの色を変更できます。 定義済みの色およびアイコンを使用することも、グラフの .dgml ファイルを編集してカスタム カラーおよびカスタム アイコンを指定することもできます。 詳細については、「ノードおよびリンクにカスタム スタイルを適用する」を参照してください。

たとえば、色を選択することで、特定のカテゴリまたは特定のプロパティを持つノードおよびリンクを強調して表示できます。 これにより、グラフの特定の領域を特定し、目立たせることができます。

特定のカテゴリまたは特定のプロパティを持つノードに定義済みの色またはアイコンを適用するには

  1. [凡例] ボックスが表示されていない場合は、グラフを右クリックし、[凡例の表示] をクリックします。

  2. [凡例] ボックスで、ノードのカテゴリまたはプロパティがリストに表示されているかどうかを確認します。

  3. リストにカテゴリまたはプロパティが含まれていない場合は、[追加] をクリックし、[ノード カテゴリ] または [ノード プロパティ] をポイントし、カテゴリまたはプロパティをクリックします。

    注意

    カテゴリを作成してノードに割り当てる方法については、「ノードおよびリンクにカテゴリを割り当てる」を参照してください。 プロパティを作成してノードに割り当てる方法については、「ノードおよびリンクにプロパティを割り当てる」を参照してください。

  4. [凡例] ボックスで、カテゴリまたはプロパティの横のドロップダウン リストをクリックします。

  5. 次の表を使用して、変更するスタイルを選択します。

    変更対象

    選択

    背景色

    背景

    外枠の色

    ストローク

    テキストの色

    前景

    アイコン

    アイコン

  6. ピッカー ダイアログ ボックスで、次のいずれかのオプションを選択します。

    適用対象

    手順

    色 (またはアイコン) のセット

    [カラー設定 (アイコン セット) の選択] ドロップダウン リストをクリックし、色 (またはアイコン) のセットをクリックします。

    既定の色 (またはアイコン) に戻すには、[カラー設定 (アイコン セット) の選択] ドロップダウン リストで、[なし] をクリックします。

    特定の色 (またはアイコン)

    カテゴリまたはプロパティ値のドロップダウン リストをクリックし、色 (またはアイコン) を選択します。

  7. 終了したら、[OK] をクリックします。

    注意

    [凡例] ボックス内のスタイルを再整列、削除、または一時的に無効化できます。 詳細については、「[凡例] ボックスを変更する」を参照してください。

特定のカテゴリまたは特定のプロパティを持つリンクに定義済みの色を適用するには

  1. [凡例] ボックスが表示されていない場合は、グラフを右クリックし、[凡例の表示] をクリックします。

  2. [凡例] ボックスで、カテゴリまたはプロパティがリストに表示されているかどうかを確認します。

  3. リストにカテゴリまたはプロパティが含まれていない場合、[追加] をクリックし、[リンク カテゴリ] または [リンク プロパティ] をポイントし、カテゴリまたはプロパティをクリックします。

    注意

    カテゴリを作成してリンクに割り当てる方法については、「ノードおよびリンクにカテゴリを割り当てる」を参照してください。 プロパティを作成してリンクに割り当てる方法については、「ノードおよびリンクにプロパティを割り当てる」を参照してください。

  4. [凡例] ボックスで、カテゴリまたはプロパティの横のドロップダウン リストをクリックします。

  5. 次の表を使用して、変更するスタイルを選択します。

    変更対象

    選択

    矢じりの色

    背景

    外枠の色

    ストローク

  6. [カラー セット ピッカー] ボックスで、次のいずれかのオプションを選択します。

    適用対象

    手順

    色のセット

    [カラー設定の選択] ドロップダウン リストをクリックし、色のセットをクリックします。

    既定の色に戻すには、[カラー設定の選択] ドロップダウン リストで、[なし] をクリックします。

    特定の色

    種類またはプロパティ値のドロップダウン リストをクリックして、色を選択します。

  7. 終了したら、[OK] をクリックします。

    注意

    [凡例] ボックス内のスタイルを再整列、削除、または一時的に無効化できます。 詳細については、「[凡例] ボックスを変更する」を参照してください。

ノードおよびリンクにカスタム スタイルを適用する

次のアイテムにカスタム スタイルを適用できます。

  • 単一のノードおよびリンク

  • ノードのグループおよびリンクのグループ

  • 特定の条件に基づくノードのグループおよびリンクのグループ

単一のノードにカスタム スタイルを適用するには

  1. スタイルをカスタマイズするノードを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開き、そのノードに対応する <Node/> 要素が強調表示されます。

  2. <Node/> 要素に次の属性を追加して、スタイルをカスタマイズします。

    変更対象

    追加する属性

    背景色

    		 
    Background="ColorNameOrHexadecimalValue"

    外枠

    		 
    Stroke="ColorNameOrHexadecimalValue"

    外枠の太さ

    		 
    StrokeThickness="StrokeValue"

    テキストの色

    		 
    Foreground="ColorNameOrHexadecimalValue"

    アイコン

    		 
    Icon="IconFilePathLocation"

    テキストのサイズ

    		 
    FontSize="FontSizeValue"

    テキストの種類

    		 
    FontFamily="FontFamilyName"

    テキストの太さ

    		 
    FontWeight="FontWeightValue"

    テキストのスタイル

    		 
    FontStyle="FontStyleName"

    たとえば、テキストのスタイルとして Italic を指定できます。

    テクスチャ

    		 
    Style="Glass"

    または

    Style="Plain"

    形

    		 
    Shape

    次に例を示します。

    <Nodes>
   <Node Id="MyNode" Background="Green" Stroke="#FF000000"
   Foreground="White" Icon="...\Graph Icons\MyNodeIcon.jpg"/>
</Nodes>

単一のリンクにカスタム スタイルを適用するには

  1. グラフで、マウス ポインターをリンクの上へ移動してツールヒントを表示し、リンク元ノードとリンク先ノードを確認します。

  2. グラフを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開きます。

  3. リンク元ノードとリンク先ノードの両方の名前を含む <Link/> 要素を探します。

  4. <Link/> 要素に次の属性を追加して、スタイルをカスタマイズします。

    変更対象

    追加する属性

    矢じりの色

    		 
    Background="ColorNameOrHexadecimalValue"

    外枠の色

    		 
    Stroke="ColorNameOrHexadecimalValue"

    外枠の太さ

    		 
    StrokeThickness="StrokeValue"

    外枠のスタイル

    		 
    StrokeDashArray="StrokeArrayValues"

    次に例を示します。

    <Links>
   <Link Source="MyFirstNode" Target="MySecondNode" Background="Green" Stroke="#FF000000" />
</Links>

ノードのグループまたはリンクのグループにカスタム スタイルを適用するには

  1. ノードまたはリンクに、目的のカテゴリまたはプロパティを割り当てます。

    詳細については、「ノードおよびリンクにカテゴリを割り当てる」および「ノードおよびリンクにプロパティを割り当てる」を参照してください。

  2. グラフを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開きます。

  3. <Styles></Styles> 要素が存在しない場合、<Links></Links> 要素の後の <DirectedGraph></DirectedGraph> 要素の下位に、この要素を追加します。

  4. <Styles></Styles> 要素で、<Style/> 要素の下位に次の属性を指定します。

    • TargetType="Node | Link | Graph"

    • GroupLabel="NameInLegendBox"

    • ValueLabel="NameInStylePickerBox"

    全種類の対象にカスタム スタイルを適用する場合、条件は使用しません。

ノードのグループまたはリンクのグループに条件付きスタイルを適用するには

  1. <Style/> 要素に、Expression 属性を含む <Condition/> 要素を追加して、ブール値を返す式を指定します。

    次に例を示します。

    <Condition Expression="MyCategory"/>

    または

    <Condition Expression="MyCategory > 100"/>

    または

    <Condition Expression="HasCategory('MyCategory')"/>

    この式では、次のバッカス・ナウア記法 (BNF: Backus-Naur Form) 構文を使用します。

    <Expression> ::= <BinaryExpression> | <UnaryExpression> | "("<Expression>")" | <MemberBindings> | <Literal> | <Number>

    <BinaryExpression> ::= <Expression> <Operator> <Expression>

    <UnaryExpression> ::= "!" <Expression> | "+" <Expression> | "-" <Expression>

    <Operator> ::= "<" | "<=" | "=" | ">=" | ">" | "!=" | "or" | "and" | "+" | "*" | "/" | "-"

    <MemberBindings> ::= <MemberBindings> | <MemberBinding> "." <MemberBinding>

    <MemberBinding> ::= <MethodCall> | <PropertyGet>

    <MethodCall> ::= <Identifier> "(" <MethodArgs> ")"

    <PropertyGet> ::= Identifier

    <MethodArgs> ::= <Expression> | <Expression> "," <MethodArgs> | <empty>

    <Identifier> ::= [^. ]*

    <Literal> ::= 一重引用符または二重引用符で囲んだリテラル文字列

    <Number> ::= 数字の文字列 (小数点も可)

    複数の <Condition/> 要素を指定できます。スタイルを適用するには、それらがすべて true である必要があります。

  2. <Condition/> 要素の後の次の行に、1 つ以上の <Setter/> 要素を追加して、条件を満たすグラフ、ノード、またはリンクに適用する Property 属性と、固定の Value 属性または計算される Expression 属性を指定します。

    次に例を示します。

    <Setter Property="BackGround" Value="Green"/>

以下に簡単な完成例を示します。この例の条件では、ノードの Passed カテゴリが True に設定されているか、または False に設定されているかに基づいて、ノードが緑色または赤色で表示されます。

<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      <Node Id="MyFirstNode" Passed="True" />
      <Node Id="MySecondNode" Passed="False" />
   </Nodes>
   <Links>
   </Links>
   <Styles>
      <Style TargetType="Node" GroupLabel="Passed" ValueLabel="True">
         <Condition Expression="Passed='True'"/>
         <Setter Property="Background" Value="Green"/>
      </Style>
      <Style TargetType="Node" GroupLabel="Passed" ValueLabel="False">
         <Condition Expression="Passed='False'"/>
         <Setter Property="Background" Value="Red"/>
      </Style>
   </Styles>
</DirectedGraph>

次の表に、実際に使用できる条件例をいくつか示します。

目的

DGML の例

コード行数の関数に従ってフォント サイズを設定し、ノードのサイズも変更する。 この例では、単一の条件式を使用して、複数のプロパティ (FontSize および FontFamily) を設定しています。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph xmlns="https://schemas.microsoft.com/vs/2009/dgml">
<Nodes>
   <Node Id="Class1" LinesOfCode ="200" />
   <Node Id="Class2" LinesOfCode ="1000" />
   <Node Id="Class3" LinesOfCode ="20" />
</Nodes>
<Properties>
   <Property Id="LinesOfCode" Label="LinesOfCode" Description="LinesOfCode" DataType="System.Int32" />
</Properties>
<Styles>
   <Style TargetType="Node" GroupLabel="LinesOfCode" ValueLabel="Function">
      <Condition Expression="LinesOfCode &gt; 0" />
      <Setter Property="FontSize" Expression="Math.Max(9,Math.Sqrt(LinesOfCode))" />
      <Setter Property="FontFamily" Value="Papyrus" />
   </Style>
</Styles>
</DirectedGraph>

Coverage プロパティに基づいて、ノードの背景色を設定する。 スタイルは、if-else ステートメントと同様に、出現する順番で評価されます。

この例では、次のように記述されています。

  1. Coverage が 80 を超える場合、Background プロパティを緑色に設定します。

  2. Coverage が 50 を超える場合、Coverage プロパティの値に基づいて、Background プロパティをオレンジ色の網かけに設定します。

  3. それ以外の場合、Coverage プロパティの値に基づいて、Background プロパティを赤色の網かけに設定します。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph xmlns="https://schemas.microsoft.com/vs/2009/dgml">
<Nodes>
   <Node Id="Class1" Coverage="58" />
   <Node Id="Class2" Coverage="95" />
   <Node Id="Class3" Coverage="32" />
</Nodes>
<Properties>
   <Property Id="Coverage" Label="Coverage" Description="Code coverage as a percentage of blocks" DataType="Double" />
</Properties>
<Styles>
   <Style TargetType="Node" GroupLabel="Coverage" ValueLabel="Good">
      <Condition Expression="Coverage &gt; 80" />
      <Setter Property="Background" Value="Green" />
   </Style>
   <Style TargetType="Node" GroupLabel="Coverage" ValueLabel="OK">
      <Condition Expression="Coverage &gt; 50" />
      <Setter Property="Background" Expression="Color.FromRgb(180 * Math.Max(1, (80 - Coverage) / 30), 180, 0)" />
   </Style>
   <Style TargetType="Node" GroupLabel="Coverage" ValueLabel="Bad">
      <Setter Property="Background" Expression="Color.FromRgb(180, 180 * Coverage / 50, 0)" />
   </Style>
</Styles>
</DirectedGraph>

Shape プロパティを None に設定して、図形をアイコンで置き換える。 Icon プロパティを使用して、アイコンの場所を指定します。

 
<DirectedGraph xmlns="https://schemas.microsoft.com/vs/2009/dgml">
<Nodes>
   <Node Id="Automation" Category="Test" Label="Automation" />
   <Node Id="C# Provider" Category="Provider" Label="C# Provider" />
</Nodes>
<Categories>
   <Category Id="Provider" Icon="..\Icons\AddIn.png" Shape="None" />
   <Category Id="Test" Icon="..\Icons\Macro.png" Shape="None" />
</Categories>
<Properties>
   <Property Id="Icon" DataType="System.String" />
   <Property Id="Label" Label="Label" Description="Displayable label of an Annotatable object" DataType="System.String" />
   <Property Id="Shape" DataType="System.String" />
</Properties>
<Styles>
   <Style TargetType="Node" GroupLabel="Group" ValueLabel="Has category">
      <Condition Expression="HasCategory('Group')" />
      <Setter Property="Background" Value="#80008080" />
   </Style>
   <Style TargetType="Node">
      <Setter Property="HorizontalAlignment" Value="Center" />
   </Style>
</Styles>
</DirectedGraph>

[凡例] ボックスを変更する

[凡例] ボックス内のスタイルを、次のように再整列、削除、または一時的に無効化できます。

  1. [凡例] ボックス内で右クリックします。

  2. 次のいずれかのタスクを実行します。

    目的

    クリック対象

    アイテムを上へ移動する

    [上へ移動]

    アイテムを下へ移動する

    [下へ移動]

    アイテムを削除する

    [削除]

    アイテムを無効にする

    [無効化]

    アイテムを再度有効にする

    [有効化]

一方のグラフから他方のグラフにスタイルをコピーする

  • コピー元のグラフの空白領域を右クリックし、[凡例のコピー] をクリックし、コピー先のグラフにスタイルを貼り付けます。

ノードをグループに編成する

目的

実行する手順

コンテインメント関係があるノードをグループまたはリンクとして表示する

リンクをグループとして表示するには、コンテナー ノードを選択し、選択内容を右クリックします。次に、[グループ] をポイントし、[グループとして表示] をクリックします。

グループをリンクとして表示するには、コンテナー ノードを選択し、選択内容を右クリックし、[グループ] をポイントし、[リンクとして表示] をクリックします。

すべてのグループをリンクとして表示するには、グラフを右クリックし、[グループ] をポイントし、[すべてをリンクとして表示] をクリックします。

すべてのリンクをグループとして表示するには、グラフを右クリックし、[グループ] をポイントし、[すべてをグループとして表示] をクリックします。

選択したノードを含む新しいグループを追加する

  1. 選択内容を右クリックし、[グループ] をポイントし、[親グループの追加] をクリックします。

  2. 新しいグループを右クリックし、[プロパティ] をクリックします。

  3. [ラベル] プロパティで、グループの名前を変更します。

特定のカテゴリまたは特定のプロパティを持つノードを含む新しいグループを追加する

  1. [選択範囲] ボックスを表示するために、グラフを右クリックし、[詳細な選択内容の表示] をクリックします。

  2. [選択範囲] ボックスで、目的のカテゴリまたはプロパティをクリックします。

  3. グラフを右クリックし、[グループ] をポイントし、[親グループの追加] をクリックします。

  4. 新しいグループを右クリックし、[プロパティ] をクリックします。

  5. [ラベル] プロパティで、グループの名前を変更します。

コンテナーに基づいてノードをグループ化する

  1. [アーキテクチャ] メニューの [ウィンドウ] をポイントし、[アーキテクチャ エクスプローラー] をクリックします。

  2. アーキテクチャ エクスプローラーを使用して、グループ化するすべてのノードを検索し、選択します。

    詳細については、「方法: アーキテクチャ エクスプローラーを使用してコードを検索する」を参照してください。

  3. 現在の列の右側で、折りたたまれたアクション列をクリックして展開します。

    メモメモ
    アクション列の上にポインターを移動すると、強調表示されます。

  4. アクション列で、[含まれる] をクリックします。

  5. 次の列から、コンテナー グループをグラフにドラッグします。

  6. グラフを右クリックし、[グループ] をポイントし、[すべてをグループとして表示] をクリックします。

プロパティ値に基づいてノードをグループ化する

  1. グラフを .dgml ファイルとしてディスクに保存します。

  2. [アーキテクチャ] メニューの [ウィンドウ] をポイントし、[アーキテクチャ エクスプローラー] をクリックします。

  3. アーキテクチャ エクスプローラーの [ファイル システム] で [ファイルの選択] をクリックします。

  4. 次の列で、保存した .dgml ファイルをクリックします。

  5. アーキテクチャ エクスプローラーを使用して、グループ化するすべてのノードを検索し、選択します。

    詳細については、「方法: アーキテクチャ エクスプローラーを使用してコードを検索する」を参照してください。

  6. 現在の列の右側で、折りたたまれたアクション列をクリックして展開します。

    メモメモ
    アクション列の上にポインターを移動すると、強調表示されます。

  7. アクション列で、[グループ化] の [プロパティでグループ化] をクリックします。

  8. 次の列で、グループとして使用するプロパティを選択します。

    次の列が表示され、使用できるプロパティ値が表示されます。

  9. 次の列から、プロパティ値グループをグラフにドラッグします。

  10. グラフを右クリックし、[グループ] をポイントし、[すべてをグループとして表示] をクリックします。

グループを削除する

削除する 1 つ以上のグループを選択し、選択内容を右クリックします。次に、[グループ] をポイントし、[グループの削除] をクリックします。

親グループから祖父母グループにノードを移動する (祖父母グループがない場合は、グループの外部にノードを移動する)

移動するノードを選択し、選択内容を右クリックします。次に、[グループ] をポイントし、[親から削除] をクリックします。

グラフの .dgml ファイルを編集する方法を使用して、ノードをグループに編成することもできます。

既存のノードをグループとして使用するか、新しいグループを追加するには

  1. 既存のノードをグループとして使用するには、グループ ノードとして使用するノードを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開き、そのノードに対応する <Node/> 要素が強調表示されます。

    または

    1. 新しいグループを追加するには、グラフの空白領域を右クリックし、[DGML を表示] をクリックします。

    2. <Nodes> セクションに、新たに <Node/> 要素を追加します。

  2. <Node/> 要素に、Group 属性を追加して、グループを展開した状態で表示するか、折りたたんだ状態で表示するかを指定します。 次に例を示します。

    <Nodes>
   <Node Id="MyFirstGroup" Group="Expanded" />
   <Node Id="MySecondGroup" Group="Collapsed" />
</Nodes>

  3. <Links> セクションで、グループ ノードとその子ノードとの間の関係ごとに、次の属性を持つ <Link/> 要素が存在していることを確認します。

    • グループ ノードを指定する Source 属性

    • 子ノードを指定する Target 属性

    • グループ ノードとその子ノードとの間の Contains 関係を指定する Category 属性

    次に例を示します。

    <Links>
   <Link Category="Contains" Source="MyFirstNewGroup" Target="FirstGroupChildOne" />
   <Link Category ="Contains" Source="MyFirstNewGroup" Target="FirstGroupChildTwo" />
   <Link Category ="Contains" Source="MySecondNewGroup" Target="SecondGroupChildOne" />
   <Link Category="Contains" Source="MySecondNewGroup" Target="SecondGroupChildTwo" />
</Links>

    Category 属性の詳細については、「ノードおよびリンクにカテゴリを割り当てる」を参照してください。

ノードおよびリンクにプロパティを割り当てる

ノードおよびリンクにプロパティを割り当てることで、ノードおよびリンクを編成できます。 たとえば、特定のプロパティを持つノードを選択して、それらのグループ化、スタイルの変更、または非表示化を実行できます。

ノードにプロパティを割り当てるには

  1. ノードを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開き、そのノードに対応する <Node/> 要素が強調表示されます。

  2. <Node/> 要素で、プロパティの名前とその値を指定します。 次に例を示します。

    <Nodes>
   <Node Id="MyNode" MyPropertyName="PropertyValue" />
</Nodes>

  3. <Property/> 要素を <Properties> セクションに追加して、属性 (要素の表示名、データ型など) を指定します。

    <Properties>
   <Property Id="MyPropertyName" Label="My Property" DataType="System.DataType"/>
</Properties>

リンクにプロパティを割り当てるには

  1. グラフで、マウス ポインターをリンクの上へ移動してツールヒントを表示し、リンク元ノードとリンク先ノードを確認します。

  2. グラフを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開きます。

  3. リンク元ノードとリンク先ノードの両方の名前を含む <Link/> 要素を探します。

  4. <Node/> 要素で、プロパティの名前とその値を指定します。 次に例を示します。

    <Links>
   <Link Source="MyFirstNode" Target="MySecondNode" MyPropertyName="PropertyValue" />
</Links>

  5. <Property/> 要素を <Properties> セクションに追加して、属性 (要素の表示名、データ型など) を指定します。

    <Properties>
   <Property Id="MyPropertyName" Label="My Property Name" DataType="System.DataType"/>
</Properties>

ノードおよびリンクにカテゴリを割り当てる

ノードにカテゴリを割り当てることで、ノードを編成できます。 たとえば、特定のカテゴリに属するノードを選択して、それらのグループ化、スタイルの変更、または非表示化を実行できます。 特定のカテゴリを持つリンクは強調表示できます。 詳細については、以下のセクションを参照してください。

  • ノードをグループに編成する

  • ノードおよびリンクのスタイルを変更する

  • ノードの表示/非表示を切り替える

ノードにカテゴリを割り当てるには

  • [カテゴリ 1] などの定義済みのカテゴリを割り当てるには、ノードを右クリックし、[カテゴリ] をポイントし、定義済みのカテゴリをクリックします。

または

  • カスタム カテゴリを作成して割り当てるには

    • カテゴリを割り当てるノードをクリックし、F4 キーを押して [プロパティ] ウィンドウを開きます。次に、ノードの [新しいカテゴリ] プロパティにカテゴリの名前を入力し、Enter キーを押します。

    または

    1. ノードを右クリックし、[DGML の表示] をクリックします。

      Visual Studio で、グラフの .dgml ファイルが開き、そのノードに対応する <Node/> 要素が強調表示されます。

    2. <Node/> 要素に Category 属性を追加して、カテゴリの名前を指定します。 次に例を示します。

      <Nodes>
   <Node Id="MyNode" Category="MyCategory" />
</Nodes>

    3. <Categories> セクションに <Category/> 要素を追加することで、Label 属性を使用してそのカテゴリの表示テキストを指定できます。

      <Categories>
   <Category Id="MyCategory" Label="My Category" />
</Categories>

リンクにカテゴリを割り当てるには

  1. グラフで、マウス ポインターをリンクの上へ移動してツールヒントを表示し、リンク元ノードとリンク先ノードを確認します。

  2. グラフを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開きます。

  3. リンク元ノードとリンク先ノードの両方の名前を含む <Link/> 要素を探します。

  4. <Link/> 要素に Category 属性を追加して、カテゴリの名前を指定します。 次に例を示します。

    <Links>
   <Link Source="MyFirstNode" Target="MySecondNode" Category="MyCategory"
</Links>

  5. <Categories> セクションに <Category/> 要素を追加することで、Label 属性を使用してそのカテゴリの表示テキストを指定できます。

    <Categories>
   <Category Id="MyCategory" Label="My Category" />
</Categories>

階層構造のカテゴリを作成すると、継承を使用してノードの編成および子カテゴリへの属性の追加を行う際に便利です。

階層構造のカテゴリを作成するには

  • 親カテゴリを示す <Category/> 要素を追加し、次に子カテゴリの <Category/> 要素に BasedOn 属性を追加します。

    次に例を示します。

    <Nodes>
   <Node Id="MyFirstNode" Label="My First Node" Category= "MyCategory" />
   <Node Id="MySecondNode" Label="My Second Node" />
</Nodes>
<Links>
   <Link Source="MyFirstNode" Target="MySecondNode" />
</Links>
<Categories>
   <Category Id="MyCategory" Label="My Category" BasedOn="MyParentCategory"/>
   <Category Id="MyParentCategory" Label="My Parent Category" Background="Green"/>
</Categories>

    この例では、MyFirstNode の背景は緑色になります。これは、その Category 属性が MyParentCategory の Background 属性を継承するためです。

アイテムをノードにリンクする

ドキュメントや URL などのアイテムをノードにリンクするには、グラフの .dgml ファイルを編集し、そのノードの <Node/> 要素に Reference 属性を追加します。 Reference 属性では、そのコンテンツのパスを指定します。 これには、.dgml ファイルの場所に対する相対パス、または絶対パスを使用できます。 これで、グラフ上のノードからそのコンテンツを開いて参照できるようになります。

注意

1 つ以上の参照先アイテムを表示するには、それらが存在している必要があります。

たとえば、次のアイテムをリンクできます。

  • クラスに対する変更を示すには、クラスを示すノードに、作業項目、ドキュメント、または別の .dgml ファイルの URL をリンクします。

  • ソフトウェアの論理アーキテクチャのレイヤーを表すグループ ノードにレイヤー図をリンクします。

  • インターフェイスを公開するコンポーネントに関する詳細情報を表示するには、そのインターフェイスを示すノードにコンポーネント図をリンクします。

  • ノードを、ノードに関連する Team Foundation Server の作業項目やバグ、またはその他の情報にリンクします。

アイテムからノードへのリンクを設定するには

  1. グラフ上のノードを右クリックし、[DGML の表示] をクリックします。

    Visual Studio で、グラフの .dgml ファイルが開き、そのノードに対応する <Node/> 要素が強調表示されます。

  2. 次の表にあるタスクのいずれかを実行します。

    リンク対象

    手順

    単一のアイテム

    • <Node/> 要素に Reference 属性を追加して、アイテムの場所を指定します。

      メモメモ
      <Node/> 要素 1 つに対して 1 つの Reference 属性のみを使用できます。

    次に例を示します。

    <Nodes>
   <Node Id="MyNode" Reference="MyDocument.txt" />
</Nodes>
<Properties>
   <Property Id="Reference" Label="My Document" DataType="System.String" IsReference="True" />
</Properties>

    複数のアイテム

    1. <Node/> 要素に、各参照の場所を指定する新しい属性を追加します。

    2. <Properties> セクションで、次の操作を行います。

      1. 新しい種類の参照ごとに <Property/> 要素を追加します。

      2. 新しい参照属性の名前に Id 属性を設定します。

      3. IsReference 属性を追加し、それを True に設定して、参照がノードの [移動先] ショートカット メニューに表示されるようにします。

      4. Label 属性を使用して、ノードの [移動先] ショートカット メニューの表示テキストを指定します。

    次に例を示します。

    <Nodes>
   <Node Id="MyNode" SequenceDiagram="MySequenceDiagram.sequencediagram" ActiveBugs="MyActiveBugs.wiq"/>
</Nodes>
<Properties>
   <Property Id="SequenceDiagram" Label="My Sequence Diagram" DataType="System.String" IsReference="True" />
   <Property Id="ActiveBugs" Label="Active Bugs" DataType="System.String" IsReference="True" />
</Properties>

    グラフでは、ノードの名前は下線付きで表示されます。

  3. 参照で文字列を繰り返し使用する代わりに、ReferenceTemplate 属性を使用して、複数の参照で使用する共通の文字列 (URL など) を指定します。

    ReferenceTemplate 属性では、参照の値のプレースホルダーを指定します。 次の例では、ReferenceTemplate 属性の {0} プレースホルダーは、<Node/> 要素の MyFirstReference 属性および MySecondReference 属性の値に置換され、完全なパスが生成されます。

    <Nodes>
   <Node Id="MyNode" MyFirstReference="MyFirstDocument" MySecondReference="MySecondDocument"/>
   <Node Id="MySecondNode" MyFirstReference="AnotherFirstDocument" MySecondReference="AnotherSecondDocument"/>
</Nodes>
<Properties>
   <Property Id="MyFirstReference" Label="My First Document" DataType="System.String" IsReference="True" ReferenceTemplate="http://www.Fabrikam.com/FirstDocuments/{0}.asp"/>
   <Property Id="MySecondReference" Label="My Second Document" DataType="System.String" IsReference="True" ReferenceTemplate=" http://www.Fabrikam.com/SecondDocuments/{0}.asp"/>
</Properties>

  4. 参照先のアイテムを表示するには、次のいずれかの操作を実行します。

    表示される項目

    実行する手順

    単一のアイテム

    ノードをダブルクリックします。

    または

    ノードを右クリックし、[移動先] をポイントして、アイテムをクリックします。

    複数のアイテム

    ノードを右クリックし、[移動先] をポイントして、アイテムをクリックします。

よく使用されるパスのエイリアスを作成する

よく使用されるパスをエイリアスに置き換えると、.dgml ファイルのサイズを小さくして、ファイルの読み込みまたは保存に必要な時間を短縮することができます。 エイリアスを作成するには、.dgml ファイルの末尾に <Paths></Paths> セクションを追加します。 このセクションには、パスのエイリアスを定義する <Path/> 要素を追加します。

<Paths>
   <Path Id="MyPathAlias" Value="C:\...\..." />
</Paths>

.dgml ファイル内の要素からエイリアスを参照するには、<Path/> 要素の Id 値をドル記号 ($) とかっこ (()) で囲みます。

<Nodes>
   <Node Id="MyNode" Reference="$(MyPathAlias)MyDocument.txt" />
</Nodes>
<Properties>
   <Property Id="Reference" Label="My Document" DataType="System.String" IsReference="True" />
</Properties>

Directed Graph Markup Language (DGML) について

DGML では、単純な XML を使用して、循環および非循環の有向グラフを記述します。 有向グラフは、リンク (エッジ) によって接続されている一連のノードです。 ノードとリンクを使用すると、ネットワーク構造 (ソフトウェア プロジェクトの要素など) を表すことができます。 情報の視覚化、複雑性解析の実行、または単に有向グラフの参照および編集を行うには、DGML を使用します。

ノードとリンクはグラフ要素、または単に要素と呼ばれます。 DGML で使用される要素の種類を次の表に示します。

注意

.dgml ファイルを編集するときは、各要素とその値に使用できる属性が IntelliSense によって識別されます。 属性で色を指定するには、一般的な色の名前 ("Blue" など) または ARGB 16 進値 ("#ffa0b1c3" など) を使用してください。 DGML では、WPF (Windows Presentation Foundation) 色定義形式の小さいサブセットを使用します。 詳細については、「Colors クラス」を参照してください。

要素

サンプルの形式

<DirectedGraph></DirectedGraph>

この要素は、有向グラフ (.dgml) ドキュメントのルート要素です。 他のすべての DGML 要素は、この要素のスコープ内に表示されます。

追加できる属性 (省略可能) は次のとおりです。

  • Background - グラフの背景色。

  • BackgroundImage - グラフの背景として使用するイメージ ファイルの場所。

  • ButterflyMode - True の場合は、選択したノードと同じパスにあるリンク済みノードのみ表示します。 ノードを選択しないと、グラフではプライマリ ハブが選択されます。

    メモメモ
    このモードでは、循環リンクは表示されません。代わりに、循環関係に参加しているノードはコピーされ、選択したノードの両側に表示されます。選択したノードから 2 レベル以上離れた依存関係は、順番に表示されない場合があります。これは、グラフのレイアウトが、選択したノードからの最短パスに基づくためです。

    詳細については、「方法: グラフ ドキュメントを参照および操作する」を参照してください。

  • GraphDirection - グラフがツリー レイアウト (Sugiyama) に設定された場合に、ほとんどのリンクが指定方向 (TopToBottom、BottomToTop、LeftToRight、または RightToLeft) に向かうようにノードを配置します。 詳細については、「方法: グラフ ドキュメントを参照および操作する」を参照してください。

  • Layout - グラフのレイアウトを None、Sugiyama (ツリー レイアウト)、ForceDirected (クイック クラスター)、または DependencyMatrix に設定します。 詳細については、「方法: グラフ ドキュメントを参照および操作する」を参照してください。

  • NeighborhoodDistance - グラフがツリー レイアウトまたはクイック クラスター レイアウトに設定された場合に、選択したノードから指定されたリンク数 (1 ～ 7) 離れたノードのみ表示します。 詳細については、「方法: グラフ ドキュメントを参照および操作する」を参照してください。

  • Title - グラフの名前。

  • ZoomLevel - グラフを最初に表示する場合に使用されるズーム レベル。 浮動小数点値を指定します。1 は 100% です。グラフをウィンドウ サイズに合わせるには、Fit を使用します。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" Background="Blue" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      ...
   </Nodes>
   <Links>
      ...
   </Links>
   <Categories>
      ...
   </Categories>
   <Properties>
      ...
   </Properties>
</DirectedGraph>

<Nodes></Nodes>

この省略可能な要素には、グラフ上のノードを定義する <Node/> 要素の一覧が含まれます。 詳細については、<Node/> 要素を参照してください。

メモメモ
<Link/> 要素内の未定義のノードを参照する場合、グラフでは <Node/> 要素が自動的に作成されます。 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      <Node ... />
   </Nodes>
   <Links>
      <Link ... />
   </Links>
</DirectedGraph>

<Node/>

この要素は、単一のノードを定義します。 この要素は、<Nodes><Nodes/> 要素の一覧内に表示されます。

この要素には、次の属性が必要です。

  • Id - ノードの一意の名前。Label 属性が別途指定されていない場合は、Label 属性の既定値です。 この名前は、名前を参照するリンクの Source 属性または Target 属性と一致する必要があります。

追加できる属性 (省略可能) の一部を次に示します。

  • Label - ノードの表示名。

  • スタイル属性。 詳細については、「ノードおよびリンクにカスタム スタイルを適用する」を参照してください。

  • Category - この属性を共有する要素を識別するカテゴリの名前。 詳細については、<Category/> 要素を参照してください。

  • Property - プロパティ値が同じ要素を識別するプロパティの名前。 詳細については、<Property/> 要素を参照してください。

  • Group - ノードに他のノードが含まれている場合は、この属性を Expanded または Collapsed に設定して、そのコンテンツの表示と非表示を切り替えます。 Category="Contains" 属性を含み、親ノードをリンク元ノード、子ノードをリンク先ノードとして指定する <Link/> 要素が必要です。 詳細については、「ノードをグループに編成する」を参照してください。

  • Visibility - この属性を Visible、Hidden、または Collapsed に設定します。 System.Windows.Visibilityが使用されます。 詳細については、「ノードの表示/非表示を切り替える」を参照してください。

  • Reference - この属性をドキュメントまたは URL へのリンクに設定します。 詳細については、「アイテムをノードにリンクする」を参照してください。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      <Node Id="Driver" Label="Student" Category="Person" />
      <Node Id="Passenger" Label="Instructor" Category="Person" />
      <Node Id="Car" Label="Car" Category="Automobile" />
      <Node Id="Truck" Label="Truck" ategory="Automobile" />
   </Nodes>
   <Links>
      <Link ... />
   </Links>
   <Categories>
      <Category Id="Person" Background="Orange" />
      <Category Id="Automobile" Background="Yellow"/>
   </Categories>
</DirectedGraph>

<Links></Links>

この要素には、ノード間のリンクを定義する <Link> 要素の一覧が含まれます。 詳細については、<Link/> 要素を参照してください。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Links>
      <Link ... />
   </Links>
</DirectedGraph>

<Link/>

この要素は、リンク元ノードをリンク先ノードに接続する単一のリンクを定義します。 この要素は、<Links></Links> 要素の一覧内に表示されます。

メモメモ
この要素が未定義のノードを参照する場合、グラフ ドキュメントでは、指定された属性を含むノードが自動的に作成されます。

この要素には、次の属性が必要です。

  • Source - リンク元ノード。

  • Target - リンク先ノード。

追加できる属性 (省略可能) の一部を次に示します。

  • Label - リンクの表示名。

  • スタイル属性。 詳細については、「ノードおよびリンクにカスタム スタイルを適用する」を参照してください。

  • Category - この属性を共有する要素を識別するカテゴリの名前。 詳細については、<Category/> 要素を参照してください。

  • Property - プロパティ値が同じ要素を識別するプロパティの名前。 詳細については、<Property/> 要素を参照してください。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      <Node Id="Driver" Label="Student" Category="Person" />
      <Node Id="Passenger" Label="Instructor" Category="Person" />
      <Node Id="Car" Label="Car" Category="Automobile" />
      <Node Id="Truck" Label="Truck" Category="Automobile" />
   </Nodes>
   <Links>
      <Category Id="Person" Background="Orange" />
      <Category Id="Automobile" Background="Yellow"/>
      <Link Source="Driver" Target="Car" Label="Passed" Stroke="Black" Background="Green" Category="PassedTest" />
      <Link Source="Driver" Target="Truck" Label="Failed" Stroke="Black" Background="Red" Category="PassedTest" />
   </Links>
</DirectedGraph>

<Categories></Categories>

この要素には、<Category/> 要素の一覧が含まれます。 詳細については、<Category/> 要素を参照してください。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Categories>
       <Category ... />
   </Categories>
</DirectedGraph>

<Category/>

この要素は、この属性を共有する要素を識別するために使用される Category 属性を定義します。 Category 属性を使用すると、グラフ要素の整理、継承による共有属性の提供、または追加のメタデータの定義が可能になります。

この要素には、次の属性が必要です。

  • Id - カテゴリの一意の名前。Label 属性が別途指定されていない場合は、Label 属性の既定値です。

追加できる属性 (省略可能) の一部を次に示します。

  • Label - カテゴリのわかりやすい名前。

  • BasedOn - 現在の要素の <Category/> の継承元の親カテゴリ。

    この要素の例では、FailedTest カテゴリは、PassedTest カテゴリから Stroke 属性を継承します。 詳細については、「ノードおよびリンクにカテゴリを割り当てる」の「階層構造のカテゴリを作成するには」を参照してください。

また、カテゴリでは、グラフに表示されるノードおよびリンクの外観を制御するいくつかの基本的なテンプレート動作が指定されます。 詳細については、「ノードおよびリンクにカスタム スタイルを適用する」を参照してください。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      <Node Id="Driver" Label="Driver" Category="Person" />
      <Node Id="Car" Label="Car" Category="Automobile" />
      <Node Id="Truck" Label="Truck" Category="Automobile" />
      <Node Id="Passenger" Category="Person" />
   </Nodes>
   <Links>
      <Link Source="Driver" Target="Car" Label="Passed" Category="PassedTest" />
      <Link Source="Driver" Target="Truck" Label="Failed" Category="FailedTest" />
   </Links>
   <Categories>
      <Category Id="Person" Background="Orange" />
      <Category Id="Automobile" Background="Yellow"/>
      <Category Id="PassedTest" Label="Passed" Stroke="Black" Background="Green" />
      <Category Id="FailedTest" Label="Failed" BasedOn="PassedTest" Background="Red" />
   </Categories>
</DirectedGraph>

<Properties></Properties>

この要素には、<Property/> 要素の一覧が含まれます。 詳細については、<Property/> 要素を参照してください。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Properties>
       <Property ... />
   </Properties>
</DirectedGraph>

<Property/>

この要素は、カテゴリおよびその他のプロパティを含む任意の DGML 要素または属性に値を代入する際に使用できる Property 属性を定義します。

この要素には、次の属性が必要です。

  • Id - プロパティの一意の名前。Label 属性が別途指定されていない場合は、Label 属性の既定値です。

  • DataType - プロパティに格納されるデータの型。

[プロパティ] ウィンドウにプロパティを表示する場合は、Label プロパティを使用して、対象のプロパティの表示名を指定します。

詳細については、「ノードおよびリンクにプロパティを割り当てる」を参照してください。

 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      <Node Id="Driver" Label="Driver" Category="Person" DrivingAge="18"/>
      <Node Id="Car" Label="Car" Category="Automobile" />
      <Node Id="Truck" Label="Truck" Category="Automobile" />
      <Node Id="Passenger" Category="Person" />
   </Nodes>
   <Links>
      <Link Source="Driver" Target="Car" Label="Passed" Category="PassedTest" />
      <Link Source="Driver" Target="Truck" Label="Failed" Category="FailedTest" />
   </Links>
   <Categories>
      <Category Id="Person" Background="Orange" />
      <Category Id="Automobile" Background="Yellow"/>
      <Category Id="PassedTest" Label="Passed" Stroke="Black" Background="Green" />
      <Category Id="FailedTest" Label="Failed" BasedOn="PassedTest" Background="Red" />
   </Categories>
   <Properties>
       <Property Id="DrivingAge" Label="Driving Age" DataType="System.Int32" />
   </Properties>
</DirectedGraph>

参照

概念

方法: .NET コードに対する依存関係グラフを生成する

その他の技術情報

方法: グラフ ドキュメントを参照および操作する

方法: 依存関係グラフを使ってコードを調べる