Aracılığıyla paylaş

Grafik Belgeleri Nasıl Düzenlenir ve Özelleştirilir

  • Makale

Visual Studio Ultimate öğesindeki düğümleri ve bağlantıları düzenleyerek yönlendirilmiş grafik düzenlemesinin alanlarına ve anahtar ilişkilerine odaklanabilirsiniz. Bu, grafiğin büyük miktarda bilgi gösterdiği durumlarda özellikle kullanışlıdır. Örneğin, varolan yazılım sisteminde ve onlar arasındaki ilişkilerde ana bileşenleri belirleyebilirsiniz. Daha sonra bu odak alanlarını ekip üyelerinizle paylaşabilir ve tartışabilirsiniz. Koddan grafik oluşturma hakkında daha fazla bilgi için bkz. .NET Kodu için Bağımlılık Grafikleri Nasıl Oluşturulur.

İlgi alanlarınızı vurgulamak için düğümleri seçebilir ve filtreleyebilirsiniz, önceden tanımlanmış stilleri düğümlere ve bağlantılara uygulayabilirsiniz ve düğümleri gruplar halinde düzenleyebilirsiniz. Grafiğin Yönlendirilmiş Grafik Biçimlendirme Dili (DGML) dosyasını düzenleyerek grafiği daha ileri derecede özelleştirebilirsiniz. Örneğin, dosyadaki DGML öğelerini özel stilleri belirlemek, düğümler ve bağlantılar için özellikleri ve kategorileri atamak veya belge, URL'ler ve diğer .dgml dosyaları gibi öğeleri düğümlere bağlamak için düzenleyebilirsiniz. DGML öğeleri hakkında daha fazla bilgi için bkz. Yönlendirilmiş Grafik Biçimlendirme Dilini (DGML) Anlama.

Not

Visual Studio, .dgml dosyasını kaydettiğinizde kullanılmayan DGML öğelerini ve özniteliklerini onları silerek temizler. Ayrıca el ile yeni bağlantılar eklediğiniz zaman otomatik olarak düğüm öğeleri oluşturur. .dgml dosyasını kaydettiğinizde, bir öğeye eklediğiniz bütün öznitelikler kendilerini alfabetik sırada yeniden düzenleyebilirler.

Bir grafiği aşağıdaki yollarla düzenleyebilirsiniz:

  • Düğümleri seç

  • Düğümleri göster veya gizle

  • Bağlantıları Göster veya Gizle

  • Grafik stilini değiştir

  • Bağlantıların ve düğümlerini stilini değiştir

  • Stilleri bir grafikten diğerine kopyala

  • Düğümleri gruplar halinde düzenle

  • Düğümler ve bağlantılara özellikler ata

  • Düğümler ve bağlantılara kategoriler ata

  • Öğeleri düğümlere bağlama

  • Yaygın olarak kullanılan yollar için takma adlar oluşturma

Düğümleri Seç

Bunun için

Bu adımları gerçekleştirin

Belirli kategorilerden düğümleri seçin

  1. Grafiği sağ tıklayın ve sonra Gelişmiş Seçimi Göster'e tıklayın.

  2. Seçim kutusunda, Kategoriler altında, istediğiniz kategoriye tıklayın.

Özel bir kategori oluşturmak ve atamak için bkz. Düğümlere ve Bağlantılara Kategoriler Ata.

Belirli özellikler ve özellik değerleri ile düğümleri seçin

  1. Grafiği sağ tıklayın ve sonra Gelişmiş Seçimi Göster'e tıklayın.

  2. Seçim kutusunda, Özellikler altında, istediğiniz özelliğe tıklayın. Belirli özellik değerlerini seçmek için özelliği genişletin.

Seçili olanlara ilgili düğümleri ekleyin

Seçili düğümü sağ tıklayın, Seçim'in üzerine gelin ve aşağıdakilerden birini seçin:

  • Seçili düğüme doğrudan bağlayan düğümler eklemek için, Geleni Seç'i tıklatın.

  • Seçili düğümden doğrudan bağlayan düğümler eklemek için, Gideni Seç'i tıklatın.

  • Seçili düğüme ve seçili düğümden doğrudan bağlayan düğümleri eklemek için İkisini de Seç'i tıklatın.

  • Seçili düğüme ve seçili düğümden bağlayan tüm düğümleri eklemek için Tüm Bağlıları Seç'e tıklayın.

  • Seçili düğümün tüm çocuklarını eklemek için Çocuk Seç'e tıklayın.

Seçili olmayan tüm düğümleri seçin

Seçili düğümleri veya grafiği sağ tıklayın, Seçim'in üzerine gelin ve Tersine Çevir'i tıklayın.

Düğümleri Göster veya Gizle

Grafikte düğüm noktalarını gizlemek, onların grafikte görünmesini ve herhangi bir düzen algoritmasına katılmasını engeller.

Bunun için

Bu adımları gerçekleştirin

Seçili düğümleri gizleyin

  1. Gizlemek istediğiniz düğümleri seçin.

  2. Seçili düğümleri veya grafiği sağ tıklayın, Seçim'in üzerine gelin ve Gizle'yi tıklayın.

Düğümleri belirli kategoriler ve özellikler ile gizleyin.

  1. Seçim kutusunu görüntülemek için, grafik yüzeyine sağ tıklayın ve sonra Gelişmiş Seçimi Göster'e tıklayın

  2. Seçim kutusunda, istediğiniz kategorilere ve özelliklere tıklayın.

  3. Grafik yüzeyine sağ tıklayın, Seçim üzerine gelin ve sonra Gizle'ye tıklayın.

Seçili olmayan düğümleri gizleyin

  1. Gizlemek istemediğiniz düğümleri seçin.

  2. Seçili düğümleri veya grafiği sağ tıklatın, Seçim'in üzerine gelin ve sonra Seçili Olmayanı Gizle'yi tıklatın.

Tüm gizli düğümleri gösterin

Grafiğe sağ tıklayın, Seçim'in üzerine gelin ve sonra Tümünü Göster'e tıklayın.

.dgml dosyasını düzenleyerek düğümleri gizlemek için

  1. Grafik yüzeyine sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar.

  2. <Node/> öğesinde, düğümü gizlemek için aşağıdaki özniteliği ekleyin:

    Visibility="Hidden"

    Örneğin:

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

Bağlantıları Göster veya Gizle

Grafik üzerindeki ayrıntı miktarını, görmek istediğiniz tür bağlantıları belirleyerek denetleyebilirsiniz. Grafik iki tür bağlantı gösterir: düğümler arasındaki doğrudan bağlantılar ve varsayılan olarak gizlenmiş çapraz grup bağlantıları. Çapraz grup bağlantıları, düğümleri farklı gruplar arasında karşılıklı bağlayan tüm tek bağlantılardır.

Gruplar daraltıldığında, grafik tüm çapraz grup bağlantılarını gruplar arasındaki tek bağlantılar içinde toplar. Gruplar genişletildiğinde, grup içindeki düğümleri seçebilirsiniz ve yeni çapraz grup bağlantıları görünür ve o grup içindeki gerçek bağımlılıkları gösterir.

Bağlantıları göstermek veya gizlemek için

  1. Grafik araç çubuğu görünür durumda değilse, Görünüm menüsünde Araç Çubukları'nın üzerine gelin ve sonra Yönlendirilmiş Grafik'i tıklatın.

  2. Aşağıdaki tablodan bir görev seçin:

    Bunun için

    Tıklat

    Tüm çapraz grup bağlantılarını her zaman göster

    Tüm Çapraz Grup Bağlantılarını Göster

    Sadece seçili düğümlere bağlanmış çapraz grup bağlantılarını bağlayanları gösterin

    Çapraz Grup Bağlantılarını Seçili Düğümler Üzerinde Göster

    Tüm çapraz grup bağlantılarını her zaman gizle

    Tüm Çapraz Grup Bağlantılarını Gizle

    Tüm bağlantıları gizle (veya tüm bağlantıları göster)

    Tüm Bağlantıları Gizle

    Tüm bağlantıları göstermek için, bu modu kapatmak için Tüm Bağlantıları Gizle'ye tekrar tıklayın.

Grafik Stilini Değiştir

Grafiğin .dgml dosyasını düzenleyerek grafiğin arka plan resmini ve kenarlık rengini değiştirebilirsiniz.. Düğümlerin ve bağlantıların stilini değiştirmek için bkz. Düğümlerin ve Bağlantıların Stilini Değiştir.

Grafik stilini değiştirmek için

  1. Grafik yüzeyine sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar.

  2. <DirectedGraph> öğesinde, stilini değiştirmek için aşağıdaki özniteliklerden herhangi birini ekleyin:

    Değiştirmek için

    Aşağıdaki özniteliği ekle

    Arka plan rengi

    		 
    Background="ColorNameOrHexadecimalValue"

    Kenarlık rengi

    		 
    Stroke="StrokeValue"

    Örneğin:

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

Bağlantıların ve Düğümlerin Stilini Değiştir

Düğümlerdeki simgeleri ve düğümlerin ve bağlantıların renklerini değiştirebilirsiniz. Önceden tanımlanmış renkleri ve simgeleri kullanabilirsiniz veya grafiğin .dgml dosyasını düzenleyerek özel olanları belirleyebilirsiniz. Daha fazla bilgi için bkz. Düğümler ve Bağlantılara Özel Stiller Uygula.

Örneğin, belirli bir kategorisi veya özelliği olan düğümleri ve bağlantıları vurgulamak için bir renk seçebilirsiniz. Bu, grafiğin belirli alanlarına odaklanmanıza ve tanımlamanıza olanak sağlar.

Belirli bir kategori veya özellik ile önceden tanımlanmış bir rengi veya simgeyi düğümlere uygulamak için

  1. Eğer Gösterge kutusu görünmüyorsa, grafiğe sağ tıklayın ve sonra Gösterge Göster'e tıklayın.

  2. Gösterge kutusunda, eğer düğüm kategorisi veya özelliği listede görünürse bakın.

  3. Eğer liste kategori veya özellik içermiyorsa, Ekle'ye tıklayın, Düğüm Kategorisi veya Düğüm Özelliği'ne tıklayın ve sonra kategori veya özellik seçin.

    Not

    Kategori oluşturmak ve bir düğüme atamak için bkz. Düğümlere ve Bağlantılara Kategoriler Ata. Bir özellik oluşturmak ve düğüme atamak için bkz. Bağlantılara ve Düğümlere Özellikler Ata.

  4. Gösterge kutusunda, kategori veya özelliğin yanında açılan listeye tıklayın.

  5. Değiştirmek istediğiniz stili seçmek için aşağıdaki tabloyu kullanın:

    Değiştirmek için

    Select

    Arka plan rengi

    Arka Plan

    Anahat rengi

    Vuruş

    Metin rengi

    Önalan

    Icon

    Simgeler

  6. Seçici iletişim kutusunda, aşağıdakilerden birini seçin:

    Uygulamak için

    Aşağıdaki adımları izleyin

    Renkler kümesi (veya simgeler)

    Renk seç (simge) ayarla açılan listesine tıklayın ve sonra renkler kümesine (veya simgeler) tıklayın.

    Varsayılan renge (veya simge) geri dönmek için, Renk seç(simge) ayarla açılan listede Yok'a tıklayın.

    Belirli bir renk (veya simge)

    Kategori veya özellik değeri açılan listeye tıklayın ve sonra bir renk (veya simge) seçin.

  7. İşlemi tamamladığınızda, Tamam’ı tıklatın.

    Not

    Gösterge kutusundaki stilleri yeniden düzenleyebilir, silebilir veya geçici olarak devre dışı bırakabilirsiniz. Daha fazla bilgi için bkz. Gösterge Kutusunu Değiştir.

Önceden tanımlanmış bir rengi bağlantılara belirli bir kategori veya özellik ile uygulamak için

  1. Eğer Gösterge kutusu görünmüyorsa, grafiğe sağ tıklayın ve sonra Gösterge Göster'e tıklayın.

  2. Gösterge kutusunda, eğer kategori veya özellik listede görünüyorsa bakın.

  3. Eğer liste kategori veya özellik içermiyorsa, Ekle'ye tıklayın, Bağlantı Kategorisi veya Bağlantı Özelliği'ne tıklayın ve sonra kategori veya özellik seçin.

    Not

    Kategori oluşturmak ve bir bağlantıya atamak için bkz. Düğümlere ve Bağlantılara Kategoriler Ata. Bir özellik oluşturmak ve bağlantıya atamak için bkz. Bağlantılara ve Düğümlere Özellikler Ata.

  4. Gösterge kutusunda, kategori veya özelliğin yanında açılan listeye tıklayın.

  5. Değiştirmek istediğiniz stili seçmek için aşağıdaki tabloyu kullanın:

    Değiştirmek için

    Select

    Ok ucu rengi

    Arka Plan

    Anahat rengi

    Vuruş

  6. Renk Kümesi Seçicii kutusunda, aşağıdakilerden birini seçin:

    Uygulamak için

    Aşağıdaki adımları izleyin

    Renkler kümesi

    Renk seç ayarla açılan listeye tıklayın ve sonra renkler kümesine tıklayın.

    Varsayılan renge geri dönmek için, Renk kümesi seç açılan listesinde, Yok'a tıklayın.

    Belirli renk

    Bir renk seçmek için tür veya özellik değeri açılan listeye tıklayın.

  7. İşlemi tamamladığınızda, Tamam’ı tıklatın.

    Not

    Gösterge kutusundaki stilleri yeniden düzenleyebilir, silebilir veya geçici olarak devre dışı bırakabilirsiniz. Daha fazla bilgi için bkz. Gösterge Kutusunu Değiştir.

Düğümlere ve Bağlantılara Özel Stiller Uygula

Özel stilleri aşağıdaki öğelere uygulayabilirsiniz:

  • Tek düğümler ve bağlantılar

  • Düğüm ve bağlantılar grupları

  • Belirli koşullara göre düğüm ve bağlantı grupları

Özel bir stili tek bir düğüme uygulamak için

  1. Özelleştirmek istediğiniz stilin düğümüne sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar ve o düğüm için <Node/> öğesini vurgular.

  2. <Node/> öğesinde, stilini özelleştirmek için aşağıdaki özniteliklerin herhangi birini ekleyin:

    Değiştirmek için

    Aşağıdaki özniteliği ekle

    Arka plan rengi

    		 
    Background="ColorNameOrHexadecimalValue"

    Anahat

    		 
    Stroke="ColorNameOrHexadecimalValue"

    Anahat kalınlığı

    		 
    StrokeThickness="StrokeValue"

    Metin rengi

    		 
    Foreground="ColorNameOrHexadecimalValue"

    Icon

    		 
    Icon="IconFilePathLocation"

    Metin boyutu

    		 
    FontSize="FontSizeValue"

    Metin türü

    		 
    FontFamily="FontFamilyName"

    Metin ağırlığı

    		 
    FontWeight="FontWeightValue"

    Metin stili

    		 
    FontStyle="FontStyleName"

    Örneğin, Italic'i metin stili olarak belirtebilirsiniz.

    Doku

    		 
    Style="Glass"

    - veya -

    Style="Plain"

    Şekil

    		 
    Shape

    Örneğin:

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

Özel bir stili tek bir bağlantıya uygulamak için

  1. Grafik üzerinde, fare işaretçisini araç ipucunu göstermek ve bağlantının kaynak düğümünü ve hedef düğümünü tanımlamak için bağlantı üzerinden taşıyın.

  2. Grafiğe sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar.

  3. Hem kaynak düğümünün hem de hedef düğümün isimlerini içeren <Link/> öğeyi bulun.

  4. <Link/> öğesinde, stilini özelleştirmek için aşağıdaki özniteliklerin herhangi birini ekleyin:

    Değiştirmek için

    Aşağıdaki özniteliği ekle

    Ok ucu rengi

    		 
    Background="ColorNameOrHexadecimalValue"

    Anahat rengi

    		 
    Stroke="ColorNameOrHexadecimalValue"

    Anahat kalınlığı

    		 
    StrokeThickness="StrokeValue"

    Anahat stili

    		 
    StrokeDashArray="StrokeArrayValues"

    Örneğin:

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

Düğümler ve bağlantılar grubuna özel stiller uygulamak için

  1. İstediğiniz kategorileri veya özellikleri düğümlere veya bağlantılara atayın.

    Daha fazla bilgi için bkz. Düğümlere ve Bağlantılara Kategori Ata ve Düğümlere ve Bağlantılara Özellikler Ata.

  2. Grafik yüzeyine sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar.

  3. Eğer <Styles></Styles> öğesi yoksa, <Links></Links> öğesinden sonra <DirectedGraph></DirectedGraph> öğesi altında bir tane ekleyin.

  4. <Styles></Styles> öğesinde, <Style/> öğesi altında ve aşağıdaki öznitelikleri belirtin:

    • TargetType="Node | Link | Graph"

    • GroupLabel="NameInLegendBox"

    • ValueLabel="NameInStylePickerBox"

    Tüm hedef türlere özel bir stil uygulamak için bir koşul kullanmayın.

Düğüm ve bağlantı gruplarına koşullu bir stil uygulamak için

  1. <Style/> öğesinde, Boole bir değer döndüren bir ifadeyi belirtmek için Expression özniteliği içeren <Condition/> öğesi ekleyin.

    Örneğin:

    <Condition Expression="MyCategory"/>

    - veya -

    <Condition Expression="MyCategory > 100"/>

    - veya -

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

    Bu ifade aşağıdaki Backus-Naur Form (BNF) sözdizimini kullanır:

    <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> ::= tek veya çift tırnak içinde değişmez dize değeri

    <Number> ::= İsteğe bağlı ondalik noktası ile rakamlar dizesi

    Stile uygulamak için tümünün doğru olması gereken birden çok <Condition/> öğelerini belirtebilirsiniz.

  2. <Condition/> öğesinden sonra ileriki çizgide, Property özniteliğini ve sabitlenmiş Value özniteliğini veya grafiğe, düğümlere veya koşula uyan bağlantılara uygulamak için hesaplanmış Expression özniteliğini belirtmek için bir veya daha çok <Setter/> öğesi ekleyin.

    Örneğin:

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

Basit tam bir örnek olarak, aşağıdaki koşul Passed kategorisinin True veya False'a ayarlanmış olmasına bağlı olarak bir düğümün yeşil veya kırmızı göründüğünü belirtir:

<?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>

Aşağıdaki tablo kullanabileceğiniz bazı örnek koşullar içerir:

Bunun için

Örnek DGML

Ayrıca düğümün boyutunu da değiştiren kodun satır sayısının bir işlevi olarak yazı tipi boyutunu ayarlayın. Bu örnek, FontSize ve FontFamily gibi birden çok özelliği ayarlamak için tek bir koşullu ifade kullanır.

 
<?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>

Bir düğümün arka plan rengini Coverage özelliğine göre ayarlayın. Stiller göründükleri sırayla if-else ifadelerine benzer şekilde değerlendirilirler.

Bu örnekte:

  1. Eğer Coverage> 80 ise Background özelliğini yeşile ayarlayın.

  2. Eğer Coverage > 50 ise Background özelliğini Coverage özelliğinin değerine göre turuncu gölgeye ayarlayın.

  3. Eğer Coverage özelliğinin değerine göre Background özelliğini kırmızı gölgeye ayarlayın.

 
<?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>

Simgenin şekille yer değiştirmesi için Shape özelliğini None'a ayarlayın.. Simgenin konumunu belirtmek için Icon özelliğini kullanın.

 
<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>

Gösterge kutusunu değiştir

Gösterge kutusundaki stilleri yeniden düzenleyebilir, silebilir veya geçici olarak devre dışı bırakabilirsiniz:

  1. Gösterge kutusundaki bir stile sağ tıklayın.

  2. Aşağıdaki görevlerden birini uygulayın:

    Bunun için

    Click

    Stili yukarı taşıyın

    Yukarı Taşı

    Öğeyi aşağıya taşıyın

    Aşağı Taşı

    Öğeyi silin

    Sil

    Öğeyi devre dışı bırakın

    Devre Dışı Bırak

    Öğeyi yeniden etkinleştirin

    Etkinleştir

Stilleri bir Grafikten Diğerine Kopyala

  • Kaynak grafiğin boş bir alanına sağ tıklayın, Gösterge Kopyala'ya tıklayın ve sonra stili hedef grafik üzerine yapıştırın.

Düğümleri Gruplar Halinde Düzenle

Bunun için

Bu adımları gerçekleştirin

Düğümleri kapsama ilişkileri ile gruplar veya bağlantılar gibi gösterin

Bağlantıları grup olarak göstermek için, kapsayıcı düğümleri seçin, seçiminize sağ tıklayın, Grup'a gelin ve sonra Grup Olarak Göster'e tıklayın.

Grupları bağlantı olarak göstermek için, kapsayıcı düğümleri seçin, seçiminize sağ tıklayın, Grup'a gelin ve sonra Bağlantı Olarak Göster'e tıklayın.

Tüm grupları bağlantılar olarak göstermek için grafiği sağ tıklatın, Grup'un üzerine gelin ve sonra Tümünü Bağlantı Olarak Göster'i tıklatın.

Tüm bağlantıları grup olarak göstermek için, grafiği sağ tıklatın, Grup'a gelin ve sonra Tümünü Grup Olarak Göster'i tıklatın.

Seçili düğümler çevresinde yeni bir grup ekleyin

  1. Seçiminize sağ tıklayın, Grup'a gelin ve sonra Üst Grup Ekle'ye tıklayın.

  2. Yeni gruba sağ tıklayın ve sonra Özellikler'e tıklayın.

  3. Etiket özelliğinde grubu yeniden adlandırın.

Belirli kategorileri veya özellikleri olan düğümler çevresinde yeni bir grup ekleyin.

  1. Seçim kutusunu görüntülemek için, grafik yüzeyine sağ tıklayın ve sonra Gelişmiş Seçimi Göster'e tıklayın

  2. Seçim kutusunda, istediğiniz kategori ve özelliklere tıklayın.

  3. Grafik yüzeyine sağ tıklayın, Grup'a gelin ve sonra Üst Grup Ekle'ye tıklayın.

  4. Yeni gruba sağ tıklayın ve sonra Özellikler'e tıklayın.

  5. Etiket özelliğinde grubu yeniden adlandırın.

Kapsayıcılarına göre düğümleri gruplandırın

  1. Mimari menüsünde Pencereler üzerine gelin ve sonra Mimari Gezgini'ne tıklayın.

  2. Gruplamak istediğiniz tüm düğümleri bulmak ve seçmek için Mimari Gezgini'ni kullanın.

    Daha fazla bilgi için bkz. Nasıl yapılır: Mimari Gezginini Kullanarak Kod Bulma.

  3. Geçerli sütunun sağ tarafında genişletmek için daraltılmış eylem sütununa tıklayın.

    NotNot
    Işaretçiyi üzerine getirdiğinizde eylem sütunu vurgulu olarak görünür.

  4. Eylem sütununda İçeren'e tıklayın.

  5. İleriki sütundan kapsayıcı grupları grafiğe sürükleyin.

  6. Grafik yüzeyine sağ tıklayın, Grup'a gelin ve sonra Tümünü Grup Olarak Göster'e tıklayın.

Özellik değerlerine göre düğümleri gruplandırın.

  1. Grafiği .dgml dosyası olarak diske kaydedin.

  2. Mimari menüsünde Pencereler üzerine gelin ve sonra Mimari Gezgini'ne tıklayın.

  3. Mimari Gezgini'nde, Dosya Sistemi altında Dosya Seç'e tıklayın.

  4. İleriki sütunda, kaydedilmiş .dgml dosyanıza tıklayın

  5. Gruplamak istediğiniz tüm düğümleri bulmak ve seçmek için Mimari Gezgini'ni kullanın.

    Daha fazla bilgi için bkz. Nasıl yapılır: Mimari Gezginini Kullanarak Kod Bulma.

  6. Geçerli sütunun sağ tarafında genişletmek için daraltılmış eylem sütununa tıklayın.

    NotNot
    Işaretçiyi üzerine getirdiğinizde eylem sütunu vurgulu olarak görünür.

  7. Eylem sütununda Gruplandırma altında Özellikleri Gruplandır'a tıklayın.

  8. İleriki sütunda, grup olarak kullanmak istediğiniz özellikleri seçin.

    İleriki sütun görünür ve kullanılabilir özellik değerlerini gösterir.

  9. İleriki sütundan, özellik değeri gruplarını grafiğe sürükleyin.

  10. Grafik yüzeyine sağ tıklayın, Grup'a gelin ve sonra Tümünü Grup Olarak Göster'e tıklayın.

Grupları kaldırın

Kaldırmak istediğiniz grup veya grupları seçin, seçiminize sağ tıklayın, Grup'a gelin ve sonra Grubu Kaldır'a tıklayın.

Düğümleri onların üst grubundan bir yukarı gruba veya eğer bir yukarı grupları yoksa grubun dışına kaldırın.

Taşımak istediğiniz düğümleri seçin, seçiminize sağ tıklayın, Grup'a gelin ve sonra Üst Gruptan Kaldır'a tıklayın

Ayrıca grafiğin .dgml dosyasını düzenleyerek düğümleri gruplar halinde düzenleyebilirsiniz.

Varolan bir düğümü grup olarak kullanmak veya yeni bir grup eklemek için

  1. Varolan bir düğümü grup olarak kullanmak için, grup olarak kullanmak istediğiniz düğüme sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar ve o düğüm için <Node/> öğesini vurgular.

    - veya -

    1. Yeni bir grup eklemek için, grafiğin boş bir alanına sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    2. <Nodes> bölümünde, yeni bir <Node/> öğesi ekleyin.

  2. <Node/> öğesinde, grubun genişletilmiş veya daraltılmış olarak görünüp görünmediğini belirtmek için Group özniteliğini ekleyin. Örneğin:

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

  3. <Links> bölümünde,<Link/> öğesinin bir grup düğümü ile onun çocuk düğümleri arasındaki her ilişki için varolan aşağıdaki özniteliklere sahip olduğundan emin olun:

    • Grup düğümünü belirten bir Source özniteliği

    • Çocuk düğümü belirten bir Target özniteliği

    • Grup düğümü ile onun çocuk düğümü arasındaki Contains ilişkisini belirten Category özniteliği

    Örneğin:

    <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 özniteliği hakkında daha fazla bilgi için bkz. Düğümlere ve Bağlantılara Kategori Ata.

Düğümlere ve Bağlantılara Özellik Ata

Düğümleri ve bağlantıları onlara özellikler atayarak düzenleyebilirsiniz. Örneğin, belirli özellikleri olan düğümleri onları gruplandırabilmek, stillerini değiştirebilmek veya onları gizleyebilmek için seçebilirsiniz.

Bir düğüme bir özellik atamak için

  1. Düğüme sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar ve o düğüm için <Node/> öğesini vurgular.

  2. <Node/> öğesinde, özelliğin adını ve değerini belirtin. Örneğin:

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

  3. Görünen adı ve veri türü gibi öznitelikleri belirtmek için <Properties> bölümüne <Property/> öğesi ekleyin.

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

Bağlantıya bir özellik atamak için

  1. Grafik üzerinde, fare işaretçisini araç ipucunu göstermek ve bağlantının kaynak düğümünü ve hedef düğümünü tanımlamak için bağlantı üzerinden taşıyın.

  2. Grafiğe sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar.

  3. Hem kaynak düğümünün hem de hedef düğümün isimlerini içeren <Link/> öğeyi bulun.

  4. <Node/> öğesinde, özelliğin adını ve değerini belirtin. Örneğin:

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

  5. Görünen adı ve veri türü gibi öznitelikleri belirtmek için <Properties> bölümüne <Property/> öğesi ekleyin.

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

Düğüm ve Bağlantılara Kategori Ata

Onlara kategoriler atayarak düğümleri düzenleyebilirsiniz. Örneğin, belirli kategorilerdeki düğümleri onları gruplayabilmek, stillerini değiştirebilmek veya onları gizleyebilmek için seçebilirsiniz. Belirli kategorileri olan bağlantıları vurgulayabilirsiniz. Daha fazla bilgi için aşağıdaki bölümlere bakın:

  • Düğümleri gruplar halinde düzenle

  • Bağlantıların ve düğümlerini stilini değiştir

  • Düğümleri göster veya gizle

Düğüme bir kategori atamak için

  • Kategori 1 gibi önceden tanımlanmış bir kategoriyi atamak için, düğüme sağ tıklayın Kategorilere Ayır'a gelin ve sonra önceden tanımlanmış bir kategoriye tıklayın.

- veya -

  • Özel bir kategori oluşturmak ve atamak için:

    • Kategorilere ayırmak istediğiniz düğüme tıklayın, Özellikler penceresinde F4'e basın, düğümün Yeni Kategori özelliğinde kategorinin adını yazın ve sonra ENTER'a basın.

    - veya -

    1. Düğüme sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

      Visual Studio grafiğin .dgml dosyasını açar ve o düğüm için <Node/> öğesini vurgular.

    2. <Node/> öğesinde, kategorinin adını belirtmek için Category özniteliğini ekleyin. Örneğin:

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

    3. <Category/> öğesini <Categories> bölümüne o kategori için olan görüntü metnini belirtmek için Label özniteliğini kullanabilmeniz amacıyla ekleyin.

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

Bir bağlantıya kategori atamak için

  1. Grafik üzerinde, fare işaretçisini araç ipucunu göstermek ve bağlantının kaynak düğümünü ve hedef düğümünü tanımlamak için bağlantı üzerinden taşıyın.

  2. Grafiğe sağ tıklayın ve sonra DGML'i Görüntüle'ye tıklayın.

    Visual Studio grafiğin .dgml dosyasını açar.

  3. Hem kaynak düğümünün hem de hedef düğümün isimlerini içeren <Link/> öğeyi bulun.

  4. <Link/> öğesinde, kategorinin adını belirtmek için Category özniteliğini ekleyin. Örneğin:

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

  5. <Category/> öğesini <Categories> bölümüne o kategori için olan görüntü metnini belirtmek için Label özniteliğini kullanabilmeniz amacıyla ekleyin.

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

Düğümleri düzenlemenize yardımcı olacak hiyerarşik kategoriler oluşturabilir ve kalıtım kullanarak çocuk kategorilere öznitelikler ekleyebilirsiniz.

Hiyerarşik kategoriler oluşturmak için

  • Üst kategori için <Category/> öğesini ekleyin ve sonra çocuk kategorisinin <Category/> öğesine BasedOn özniteliğini ekleyin.

    Örneğin:

    <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>

    Bu örnekte, MyFirstNode'un arka planı yeşildir çünkü onun Category özniteliği MyParentCategory'nin Background özniteliğini devralır.

Öğeleri Düğümlere Bağlama

Grafiğin .dgml dosyasını düzenleyerek ve bir düğümün <Node/> öğesine bir Reference özniteliği ekleyerek belgeler veya URL'ler gibi öğeleri bu düğüme bağlayabilirsiniz. Reference özniteliği o içeriğin yolunu belirtir. Bu, .dgml dosya konumuna veya mutlak yola göreli bir yol olabilir. Daha sonra grafik üzerindeki düğümden içeriği açabilir ve görüntüleyebilirsiniz.

Not

Başvurulmuş öğe veya öğeler onları görmeniz için varolmalıdır

Örneğin, aşağıdaki öğeleri bağlamak isteyebilirsiniz:

  • Sınıf değişikliğini tanımlamak için iş öğesinin URL'sini, belgeyi veya diğer .dgml dosyasını düğüm ile sınıf için bağlayabilirsiniz.

  • Katman diyagramını yazılımın mantıksal mimarisinde bir katmanı gösteren bir grup düğümüne bağlayabilirsiniz.

  • Arabirimi sunan bileşenle ilgili daha fazla bilgi göstermek için arabirimin düğümüne bileşen diyagramı ilişkilendirebilirsiniz.

  • Bir düğümü Team Foundation Server iş öğesine, hataya veya o düğümle ilgili diğer bazı bilgilere bağlayın.

Bir öğeyi bir düğüme bağlamak için

  1. Grafikte düğümü sağ tıklatın ve ardından DGML Görüntüle öğesini tıklatın.

    Visual Studio grafiğin .dgml dosyasını açar ve o düğüm için <Node/> öğesini vurgular.

  2. Aşağıda tablodaki görevlerden birini gerçekleştirin:

    Bağlamak için

    Aşağıdaki adımları izleyin

    Tek bir başvurulmuş öğe

    • <Node/> öğesinde, öğenin konumunu belirtmek için Reference özniteliği ekleyin.

      NotNot
      Her <Node/> öğesi başına yalnızca bir Reference özniteliğine sahip olabilirsiniz.

    Örneğin:

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

    Birden çok öğe

    1. <Node/> öğesinde, her başvurunun konumunu belirtmek için yeni bir öznitelik ekleyin.

    2. <Properties> bölümünde:

      1. Her yeni başvuru türü için <Property/> öğesi ekleyin.

      2. Id özniteliğini yeni başvuru özniteliğinin adına ayarlayın.

      3. IsReference özniteliğini ekleyin ve düğümün Git kısayol menüsünde başvuruyu görünür yapmak için özniteliği True'ya ayarlayın.

      4. Düğümün Git kısayol menüsünde görüntü metnini belirtmek için Label özniteliğini kullanın.

    Örneğin:

    <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>

    Grafik üzerinde düğümün adı altı çizili olarak görünür.

  3. URL gibi ortak bir dizeyi belirtmek için, başvuruda o dizeyi yinelemek yerine birden çok başvuru tarafından kullanılan ReferenceTemplate özniteliğini kullanın.

    ReferenceTemplate özniteliği başvuru değeri için bir yer tutucu belirtir. Aşağıdaki örnekte, ReferenceTemplate özniteliğindeki {0} yer tutucusu, tam yol üretmek için <Node/> öğesinde MyFirstReference ve MySecondReference özniteliklerinin değerleri tarafından yer değiştirilecektir.

    <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. Başvurulmuş öğeyi görüntülemek için aşağıdaki görevlerden birini gerçekleştirin:

    Görüntülemek için

    Aşağıdaki adımı gerçekleştirin:

    Tek bir başvurulmuş öğe

    Düğüme çift tıklayın.

    - veya -

    Düğümü sağ tıklayın, Git'in üzerine gelin ve öğeyi tıklayın.

    Birden çok öğe

    Düğümü sağ tıklayın, Git'in üzerine gelin ve bir öğeyi tıklayın.

Yaygın Olarak Kullanılan Yollar için Takma Adlar Oluşturma

Yaygın olarak kullanılan yolların takma adlarla değiştirilmesi .dgml dosyasının boyutunu azaltır ve dosyayı yüklemek veya kaydetmek için gereken süreyi kısaltır. Bir diğer ad oluşturmak için .dgml dosyasının sonundaki bölüme bir <Paths></Paths> öğesi ekleyin. Bu bölümde, yolun eş yolunu tanımlamak için bir <Path/> öğesi ekleyin:

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

Bir .dgml dosyasındaki bir öğeden diğer ada başvuru yapmak için <Path/> öğesinin Id değerini bir dolar işareti ($) ve parantez (()) arasına koyun:

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

Yönlendirilmiş Grafik Biçimlendirme Dilini (DGML) Anlamak

DGML döngüsel ve döngüsel olmayan yönlendirilmiş grafiklerini açıklamak için basit XML kullanır. Yönlendirilmiş bir grafik, çizgilerle veya kenarlarla birleştirilmiş bir düğüm kümesidir. Düğümler ve bağlantılar, bir yazılım projesindeki öğeler gibi ağ yapılarını açıklamak için kullanılabilir. Bilgileri görselleştirmek, karmaşıklık çözümlemeleri gerçekleştirmek veya sadece yönlendirilmiş grafikleri tarayıp düzenlemek için DGML kullanın.

Düğümlere ve bağlantılara grafik öğeleri ya da sadece öğe adı verilir. Aşağıdaki tablo DGML'de kullanılan öğelerin türlerini açıklar:

Not

Bir .dgml dosyayı düzenlerken, IntelliSense her eleman için mevcut öznitelikleri ve değerlerini belirlemenize yardımcı olur. Bir öznitelikte renk belirlemek için "Mavi" gibi genel renklerin adlarını veya "#ffa0b1c3" gibi onaltılık değerler kullanın. DGML Windows Presentation Foundation (WPF) renk tanımı biçimlerinin küçük bir alt kümesini kullanır. Daha fazla bilgi için bkz. Renk Sınıfı.

Öğe

Örnek Biçim

<DirectedGraph></DirectedGraph>

Bu öğe yönlendirilmiş grafik (.dgml) belgesinin kök öğesidir. Diğer tüm DGML öğeleri, bu öğe kapsamı içinde görünür.

Aşağıdaki liste dahil edebileceğiniz isteğe bağlı öznitelikleri tanımlar:

  • Background - Grafik arka planının rengi.

  • BackgroundImage - Grafik arka planı olarak kullanılacak bir görüntü dosyasının konumu.

  • ButterflyModeTrue, seçili düğümlerle aynı yol üzerindeki şu bağlı düğümleri gösterir. Eğer seçili düğüm yoksa, grafik birincil hub'ı seçer.

    NotNot
    Döngüsel bağlantılar bu modda görünmez.Bunun yerine, döngüsel ilişkilere katılan düğümler kopyalanır, böylelikle seçili düğümlerin iki tarafında da görünürler.Seçili düğümden bir düzeyden daha fazla uzakta olan bağımlılıklar bir düzen içinde görünmeyebilir çünkü grafik düzeni seçili düğümden en kısa olan yola göredir.

    Daha fazla bilgi için bkz. Nasıl yapılır: Grafik Belgelerine Gözatma ve Gezme.

  • GraphDirection-Grafik ağaç düzenine ayarlandığında (Sugiyama), düğümleri bağlantıların çoğu belirtilen yönde akacak şekilde düzenleyin: TopToBottom, BottomToTop, LeftToRight, ya da RightToLeft. Daha fazla bilgi için bkz. Nasıl yapılır: Grafik Belgelerine Gözatma ve Gezme.

  • Layout - Grafiği şu düzenlere ayarlayın: None, Sugiyama (ağaç düzeni), ForceDirected (çabuk kümeler) veya DependencyMatrix. Daha fazla bilgi için bkz. Nasıl yapılır: Grafik Belgelerine Gözatma ve Gezme.

  • NeighborhoodDistance- Grafik ağaç düzenine veya hızlı küme düzenine ayarlandığında, seçilen düğümlerden uzakta yalnızca belirli sayıda (1-7) bağlantı içeren düğümleri görüntüleyin. Daha fazla bilgi için bkz. Nasıl yapılır: Grafik Belgelerine Gözatma ve Gezme.

  • Title - Grafiğin adı

  • ZoomLevel - Başlangıçta grafiği görüntülemek için kullanılan yakınlaştırma seviyesi. 1'in %100 olduğu bir kayan belirleme noktası değeri belirtin veya grafiği pencere boyutuna sığdırmak için Fit öğesini belirtin.

 
<?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>

Bu isteğe bağlı öğe, grafik üstündeki düğümleri belirleyen <Node/> öğelerinin bir listesini içerir. Daha fazla bilgi için bkz. <Node/> öğesi.

NotNot
<Link/> bağlantısında tanımsız bir düğüme başvurduğunuzda, grafik otomatik olarak <Node/> oluşturur. 
<?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/>

Bu öğe tek bir düğümü tanımlar. <Nodes><Nodes/> öğe listesinde görünür.

Bu öğenin öznitelikleri şunlardır:

  • Id - Ayrı Label özniteliği belirtilmediyse, düğümün benzersiz adı ve Label özniteliğinin varsayılan değeri. Bu isim, kendisine başvuran linkin Source veya Target özniteliğiyle uyuşmalıdır.

Aşağıdaki liste dahil edebileceğiniz isteğe bağlı özniteliklerin bazılarını tanımlar:

  • Label - Düğümün görüntülenme adı.

  • Tarz öznitelikleri. Daha fazla bilgi için bkz. Düğümler ve Bağlantılara Özel Stiller Uygula.

  • Category - Bu özniteliği paylaşan öğeleri tanımlayan kategorinin adı. Daha fazla bilgi için bkz. <Category/> öğesi.

  • Property - Aynı özellik değerine sahip öğeleri tanımlayan bir özelliğin adı. Daha fazla bilgi için bkz. <Property/> öğesi.

  • Group - Düğüm, diğer düğümleri içeriyorsa, bu özniteliği Expanded olarak ayarlayın ya da içeriğini göstermek veya gizlemek için Collapsed olarak ayarlayın. Category="Contains" özniteliğini içeren ve üst düğümü kaynak düğüm, alt düğümü hedef düğüm olarak belirten bir <Link/> öğesi olmalıdır. Daha fazla bilgi için bkz. Düğümleri Gruplar Halinde Düzenle.

  • Visibility- Bu özniteliği Visible, Hidden veya Collapsed öğesine ayarlayın. System.Windows.Visibility kullanır. Daha fazla bilgi için bkz. Düğümleri Gizleme ya da Gösterme.

  • Reference - Bu özniteliği bir belgeye veya URL'ye bağlanacak şekilde ayarlayın. Daha fazla bilgi için bkz. Öğeleri Düğümlere Bağlama.

 
<?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>

Bu öğe, düğümler arasındaki bağlantıları belirleyen <Link> öğelerinin bir listesini içerir. Daha fazla bilgi için bkz. <Link/> öğesi.

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

<Link/>

Bu öğe, bir kaynak düğümünü hedef düğüme bağlayan tekli bir bağlantıyı tanımlar. <Links></Links> öğe listesinde görünür.

NotNot
Bu öğe tanımlanmamış bir düğüme başvuruyorsa, grafik belge, eğer varsa, belirtilen özellikleri olan düğümü otomatik olarak oluşturur.

Bu öğenin öznitelikleri şunlardır:

  • Source - Bağlantının kaynak düğümü

  • Target - Bağlantının hedef düğümü

Aşağıdaki liste dahil edebileceğiniz isteğe bağlı özniteliklerin bazılarını tanımlar:

  • Label - Bağlantının görüntülenme adı.

  • Tarz öznitelikleri. Daha fazla bilgi için bkz. Düğümler ve Bağlantılara Özel Stiller Uygula.

  • Category - Bu özniteliği paylaşan öğeleri tanımlayan kategorinin adı. Daha fazla bilgi için bkz. <Category/> öğesi.

  • Property - Aynı özellik değerine sahip öğeleri tanımlayan bir özelliğin adı. Daha fazla bilgi için bkz. <Property/> öğesi.

 
<?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>

Bu öğe, <Category/> öğelerinin listesini içerir. Daha fazla bilgi için bkz. <Category/> öğesi.

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

<Category/>

Bu öğe, bu özniteliği paylaşan öğeleri tanımlamak için kullanılan Category özniteliğini tanımlar. Category özniteliği, grafik öğelerini düzenlemek, devralma yoluyla paylaşılan öznitelikler sağlamak veya ek meta verileri tanımlamak için kullanılabilir.

Bu öğenin öznitelikleri şunlardır:

  • Id - Ayrı Label özniteliği belirtilmediyse, kategorinin benzersiz adı ve Label özniteliğinin varsayılan değeri.

Aşağıdaki liste dahil edebileceğiniz isteğe bağlı özniteliklerin bazılarını tanımlar:

  • Label - Kategori için okuyucuya kolaylık sağlayan bir ad.

  • BasedOn - Mevcut öğenin <Category/> öğesinin ondan devraldığı üst kategori.

    Bu öğenin örneğinde, FailedTest kategorisi Stroke özniteliğini PassedTest kategorisinden devralır. Daha fazla bilgi için bkz. Düğümlere ve Bağlantılara Kategori Ata'daki "Hiyerarşik kategoriler oluşturma".

Kategoriler, düğümler ve bağlantıların görünümünü bir grafikte görüntülendiklerinde denetleyen birkaç temel şablon davranışı da sağlar. Daha fazla bilgi için bkz. Düğümler ve Bağlantılara Özel Stiller Uygula.

 
<?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>

Bu öğe, <Property/> öğelerinin listesini içerir. Daha fazla bilgi için bkz. <Property/> öğesi.

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

<Property/>

Bu öğe, herhangi bir DGML öğesine ya da özniteliğine, kategoriler ve diğer özellikler de dahil olmak üzere bir değer atamak için kullanabileceğiniz Property özniteliğini tanımlar.

Bu öğenin öznitelikleri şunlardır:

  • Id - Ayrı Label özniteliği belirtilmediyse, özelliğin benzersiz adı ve Label özniteliğinin varsayılan değeri.

  • DataType - Özellik tarafından saklanan verinin türü

Özelliğin Özellikler penceresinde görünmesini istiyorsanız, özelliğin görünen adını belirtmek için Labelözelliğini kullanın.

Daha fazla bilgi için bkz. Düğümlere ve Bağlantılara Özellikler Atama.

 
<?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>

Ayrıca bkz.

Kavramlar

.NET Kodu için Bağımlılık Grafikleri Nasıl Oluşturulur

Diğer Kaynaklar

Nasıl yapılır: Grafik Belgelerine Gözatma ve Gezme

Nasıl yapılır: Bağımlılık Grafikleriyle Kodu Keşfetme