Aracılığıyla paylaş


Bağımlılık grafiklerini düzenleme ve özelleştirme

Bağımlılık grafiklerini, temel kodu etkilemeden düzenleyebilirsiniz.Bu, temel öğelere odaklanmak veya kodla ilgili görüş bildirmek istediğinizde yararlıdır.Örneğin, ilginç alanları vurgulamak için düğümleri seçebilir ve filtreleyebilir, düğümlerin ve bağlantıların stilini değiştirebilir, düğümleri gizleyebilir veya silebilir ve özellikleri, kategorileri veya grupları kullanarak düğümleri düzenleyebilirsiniz.

Grafiğin Yönlendirilmiş Grafik Biçimlendirme Dili (.dgml) dosyasını düzenleyerek grafiği daha da özelleştirebilirsiniz.Örneğin, öğeleri özel stilleri belirtmek, düğümler ve bağlantılar için özellikleri ve kategorileri atamak veya düğümleri belge, URL'ler veya diğer grafikler gibi öğelere bağlamak için düzenleyebilirsiniz.

[!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 de oluşturur..dgml dosyasını kaydettiğinizde, bir öğeye eklediğiniz tüm öznitelikler kendilerini alfabetik sırada yeniden düzenleyebilir.DGML öğeleri hakkında daha fazla bilgi için bkz. Yönlendirilmiş Grafik Biçimlendirme Dilini (DGML) Anlama.

Gereksinimler

Bu konuda

  • Düğümleri veya bağlantıları seçme

  • Düğümleri veya bağlantıları yeniden adlandırma

  • Düğümleri ve bağlantıları gizleme veya gösterme

  • Düğümler ve bağlantılar ekleme

  • Grafiğe açıklamalar ekleme

  • Düğümleri silme

  • Düğümleri gruplandırma

  • Grafikleri birleştirme

  • Grafiğin stilini değiştirme

  • Düğümü veya bağlantı stilini değiştirme

  • Stilleri bir grafikten diğerine kopyalama

  • Düğümlere ve bağlantılara özellikler atama

  • Düğümlere ve bağlantılara kategoriler atama

  • Öğeleri düğümlere veya bağlantılara bağlama

  • Sık kullanılan yollar için diğer adlar oluşturma

Düğümleri veya bağlantıları seçme

Amaç

Bu adımları gerçekleştirin

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

Seçili düğümlerin kısayol menüsünü açın.Seçin, Seçimi Ters Çevir'i seçin.

Seçili düğümlere bağlanacak ek düğümler seçme

Seçili düğümlerin kısayol menüsünü açın.Seçin öğesini ve aşağıdakilerden birini seçin:

  • Doğrudan seçili düğüme bağlanan ek düğümler seçmek için Gelen Bağımlılıklar'ı seçin.

  • Doğrudan seçili düğümden bağlanan ek düğümler seçmek için Giden Bağımlılıklar'ı seçin.

  • Doğrudan seçili düğüme ve düğümden bağlanan ek düğümler seçmek için İkisi birden'i seçin.

  • Seçili düğüme ve düğümden bağlanan düğümleri ek olarak seçmek için Bağlı Alt Grafik'i seçin.

  • Seçili düğümün tüm alt öğelerini ek olarak seçmek için Alt öğeler'i seçin.

Düğümleri veya bağlantıları yeniden adlandırma

  • Düğümü veya bağlantıyı seçin.F2 tuşuna basın.Düzenleme kutusu göründüğünde, düğümü veya bağlantıyı yeniden adlandırın.

    Etiket görünür durumdaysa, etiketi seçin.

Düğümleri ve bağlantıları gizleme veya gösterme

Düğümlerin gizlenmesi, düzen algoritmasına katılmalarını engeller.Varsayılan olarak, çapraz grup bağlantıları gizlidir.Çapraz grup bağlantıları, düğümleri gruplar arasında bağlayan 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.Bir grubu genişlettiğinizde veya grup içindeki düğümleri seçtiğinizde, çapraz grup bağlantıları görünür ve o gruptaki bağımlılıkları gösterir.

Uyarı notuUyarı

Visual Studio Ultimate'ta oluşturulan bir grafiği Visual Studio Premium veya Visual Studio Professional kullanıcılarıyla paylaşmadan önce, başkalarının görmesini istediğiniz tüm düğümlerin veya çapraz grup bağlantılarının gizlenmediğinden emin olun.Aksi takdirde, bu kullanıcılar bu öğelerin gizliliğini kaldıramayacaktır.

Düğümleri gizlemek veya göstermek için

Amaç

Bu adımları gerçekleştirin

Seçili düğümleri gizleme

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

  2. Seçili düğümlerin veya grafiğin kısayol menüsünü açın.Seçin, Seçileni Gizle'yi seçin.

Seçili olmayan düğümleri gizleme

  1. Görünür kalmasını istediğiniz düğümleri seçin.

  2. Seçili düğümlerin veya grafiğin kısayol menüsünü açın.Seçin, Seçilmeyenleri Gizle'yi seçin.

Gizli düğümleri gösterme

  • Bir grup içindeki tüm gizli düğümleri göstermek için önce grubun genişletildiğinden emin olun.Grubun sol üst köşesinde Alt Öğeleri GösterAlt simge göster seçeneğini belirleyin.

  • Tüm gizli düğümleri göstermek için grafiğin kısayol menüsünü açın.Seçim, Tümünü Göster'i seçin.

.dgml dosyasını düzenleyerek düğümleri gizleme

  1. Grafiğin kısayol menüsü açın.Git, DGML'yi seçin.

    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östermek veya gizlemek için

Amaç

Grafik araç çubuğunda, Bağlantıların grafik üzerinde oluşturulmasını değiştirme listesini veya grafiğin kısayol menüsünü açın. Şunu seçin:

Çapraz grup bağlantılarını her zaman göster

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

Bu, gruplar arasında toplanmış bağlantıları gizler.

Seçilen düğümler için yalnızca çapraz grup bağlantılarını göster

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

Çapraz grup bağlantılarını her zaman gizle

Ç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 Tüm Bağlantıları Gizle'yi yeniden seçerek bu modu kapatın.

Düğümler ve bağlantılar ekleme

Yeni tanımlanmış bir düğüm eklemek için

Bu adımları gerçekleştirin

Geçerli işaretçi konumunda

Grafik üzerinde yeni düğümü yerleştirmek istediğiniz yeri seçin.Ekle'ye basın.

Seçili düğüm için bağlantılar

  1. Kaynak düğümü seçin.

    Düğümün üzerinde bir araç çubuğu görünmeye başlar.

    Bağımlılık Grafik araç çubuğu

  2. Araç çubuğunda, Bu düğümle aynı kategoride bir düğüm oluştur ve buna yeni bir bağlantı ekleAraç graph - düğümü ile bağlantı oluşturun seçeneğini belirleyin.

  3. Grafik üzerinde yeni düğümün yerleştirileceği yeri seçin.

    (Klavye: Bağlantı kaynağı olmasını istediğiniz düğme vurgulanana dek Sekme tuşuna basın ve ardından Alt+Insert tuşlarına basın.)

Geçerli vurguyla varolan düğüm için bağlantılar

Bağlantı hedefi olmasını istediğiniz düğme vurgulanana dek Sekme tuşuna basın.Alt+Shift+Insert tuşlarına basın.

Şunlar için düğümler eklemek üzere

Bu adımları gerçekleştirin

Çözümdeki öğeler

  1. Çözüm Gezgini'nde öğeyi bulun.Çözüm Gezgini arama kutusunu kullanın veya çözüme göz atın.Çözüm Gezgini'nde kodunuza göz atmak için bkz. Kod Yapısını Görüntüleme.

    İpucuİpucu

    Bir tür veya üye üzerinde bağımlılıkları olan öğeleri bulmak için Çözüm Gezgini'nde türün veya üyenin kısayol menüsünü açın.Sizi ilgilendiren ilişkiyi seçin.

    Çözüm Gezgini yalnızca belirtilen bağımlılıklara sahip öğeleri gösterir.

  2. İlgilendiğiniz öğeleri grafik yüzeyine sürükleyin.

    Visual Studio Ultimate kullanırken seçilen öğelerin üst kapsayıcı hiyerarşisini dahil etmek için öğeleri grafiğe sürüklerken CTRL tuşuna basılı tutun.

    veya

    Çözüm Gezgini'nde, Yeni grafik belgesi oluştur... listesini açın.Etkin Bağımlılık Grafiğine Ekle'yi seçin.Üst kapsayıcı hiyerarşisini eklemek için ise Kapsama Hiyerarşisi Olan Etkin Bağımlılık Grafiğine Ekle'yi seçin.

    Visual Studio, seçiminizdeki üst düzey kod öğeleri için düğümler ekler.Bir düğümün öğe içerip içermediğini görmek için fare imlecini düğümün en üstüne taşıyarak köşeli çift ayracın (^) görünmesini sağlayın.Düğümü genişletmek için köşeli çift ayracı (^) seçin.Tüm düğümleri genişletmek için grafiğin kısayol menüsünü açın.Grup, Tümünü Genişlet seçeneklerini belirleyin.

    [!NOT]

    Tüm grupların genişletilmesi kullanılamaz bir grafik veya bellek sorunları oluşturursa, bu komut kullanılamaz.

Grafikteki düğümlerle ilgili öğeler

Düğümün kısayol menüsü açın.Göster'i ve ilginizi çeken ilişki türünü seçin.

Bir derleme için şunları seçin:

  • Başvurulan Derlemeler: Bu derlemenin başvurduğu derlemeleri ekleyin.Dış derlemeler, Dışlar grubunda görünür.

  • Başvuran Derlemeler: Çözümde bu derlemeye başvuran derlemeler ekleyin.

Bir sınıf için şunları seçin:

  • Taban Türler: Bir sınıf için taban sınıfı ve uygulanan arabirimleri ekleyin.

    Bir arabirim için temel arabirimleri ekleyin.

  • Türetilmiş Türler: Bir sınıf için türetilmiş sınıfları ekleyin.

    Bir arabirim için türetilmiş arabirimleri ve uygulama sınıflarını veya yapılarını ekleyin.

  • Tüm Taban Türler: Yinelemeli olarak taban sınıf veya arabirim hiyerarşisi ekleyin.

  • Tüm Türetilmiş Türler: Bir sınıf için yinelemeli olarak tüm türetilmiş sınıfları ekleyin.

    Bir arabirim için türetilmiş tüm arabirimleri ve uygulama sınıflarını veya yapılarını yinelemeli olarak ekleyin.

  • Kapsama Hiyerarşisi: Üst kapsayıcı hiyerarşisini ekleyin.

  • Kullanılan Türler: Tüm sınıfları ve bu sınıfın kullandığı üyeleri ekleyin.

  • Kullanan Türleri: Tüm sınıfları ve bu sınıfı kullanan üyelerini ekleyin.

Bir yöntem için şunları seçin:

  • Kapsama Hiyerarşisi: Üst kapsayıcı hiyerarşisini ekleyin.

  • Çağrılan Yöntemler: Bu yöntemin çağırdığı yöntemleri ekleyin.

  • Çağıran Yöntemleri: Bu yöntemi çağıran yöntemleri ekleyin.

  • Taban Türlerdeki Geçersiz Kılınan Yöntemler: Diğer yöntemleri geçersiz kılan veya bir arabirimin yöntemini uygulayan bir yöntem için geçersiz kılınan taban sınıflardaki tüm soyut ya da sanal yöntemleri ve varsa, arabirimin uygulanan yöntemini ekleyin.

  • Başvurulan Alanlar: Bu yöntemin başvurduğu alanları ekleyin.

Bir alan için şunları seçin:

  • Kapsama Hiyerarşisi: Üst kapsayıcı hiyerarşisini ekleyin.

  • Başvuran Yöntemleri: Bu alana başvuran yöntemleri ekleyin.

Oluşturulmuş .NET derlemeleri (.dll veya .exe) ya da ikili dosyalar

Öğeleri ve ilişkileri bulmak ve grafiğe sürüklemek için Mimari Gezgini'ni kullanın.

Varolan düğümler arasında bir bağlantı eklemek için

  1. Kaynak düğümü seçin.

    Düğümün üzerinde bir araç çubuğu görünmeye başlar.

    Bağımlılık Grafik araç çubuğu

  2. Araç çubuğunda, Bu düğümden tıkladığınız bir sonraki düğüme yeni bağlantı oluşturunAraç graph - bağlantı oluşturun seçeneğini belirleyin.Hedef düğümü seçin.

    İki düğüm arasında bir bağlantı görünür.

Grafiğe açıklamalar ekleme

  1. Bağlantılı bir açıklama eklemek istediğiniz düğümü seçin.

    Düğümün üzerinde bir araç çubuğu görünmeye başlar.

    Bağımlılık Grafik araç çubuğu

  2. Araç çubuğunda, Seçilen düğüm için yeni bir bağlantı içeren yeni bir açıklama oluşturAraç graph - açıklama ile bağlantı oluşturun seçeneğini belirleyin.

  3. Açıklamalarınızı yazın.Yeni bir satıra yazmak için SHIFT+Enter tuşlarına basın.

Düğümleri silme

Düğümleri, temel kodu etkilemeden bir grafikten silebilirsiniz.Bir düğümü silmek için düğümü seçin ve Delete tuşuna basın.Düğümleri sildiğinizde, tanımları DGML (.dgml) dosyasından kaldırılır.

Bir gruptan düğümleri sildiğinizde, Alt Öğeleri Tekrar Al düğmesi Alt simge yeniden getirmesi grup içinde görünür.Eksik düğümleri almak için Alt Öğeleri Tekrar AlAlt simge yeniden getirmesi seçeneğini belirleyin.DGML düzenlenerek, tanımsız düğümler eklenerek veya Visual Studio Ultimate'ın önceki sürümleri kullanılarak oluşturulan grafikler bu özelliği desteklemez.

Uyarı notuUyarı

Visual Studio Ultimate kullanılarak oluşturulan bir grafiği Visual Studio Premium veya Visual Studio Professional kullanıcılarıyla paylaşmadan önce, başkalarının görmesini istediğiniz tüm düğümlerin grafikte görünür durumda olduğundan emin olun.Aksi takdirde, bu kullanıcılar silinmiş düğümleri alamayacaktır.

Düğümleri gruplandırma

Amaç

Bu adımları gerçekleştirin

Kapsayıcı düğümlerini grup düğümleri veya yaprak düğümleri olarak gösterme

Kapsayıcı düğümlerini yaprak düğümleri olarak göstermek için düğümleri seçin.Seçiminizin kısayol menüsünü açın.Grup, Yaprağa Çevir'i seçin.

Kapsayıcı düğümlerini grup düğümleri olarak göstermek için düğümleri seçin.Seçiminizin kısayol menüsünü açın.Grup, Gruba Çevir'i seçin.

Tüm yaprak düğümlerini grup düğümleri olarak göstermek için grafiğin kısayol menüsünü açın.Grup, Gruplandırmayı Aç'ı seçin.

Tüm grup düğümlerini yaprak düğümleri olarak göstermek için grafiğin kısayol menüsünü açın.Grup, Gruplandırmayı Kapat'ı seçin.

Gruba düğüm ekleme

Düğümü gruba sürükleyin.

Düğümleri grubun dışına da sürükleyebilirsiniz.

Grup olmayan düğüme düğüm ekleme

Herhangi bir düğümü bir gruba dönüştürebilirsiniz.Düğümü hedef düğüme sürükleyin.

Seçili düğümleri gruplandırma

  1. Gruplandırmak istediğiniz düğümleri seçin.

    Düğümlerin üzerinde bir araç çubuğu görünmeye başlar.

    Bağımlılık Grafik araç çubuğu

  2. Araç çubuğunda, Seçili düğümleri gruplandırGrafik araç çubuğu - seçili grubu seçeneğini belirleyin.

    veya

    Seçiminizin kısayol menüsünü açın.Grup, Üst Grup Ekle'yi seçin.

  3. Yeni grubun kısayol menüsünü açın.Özellikler'i seçin.Etiket özelliğinde, grubu yeniden adlandırın.

Belirli kategorileri veya özellikleri olan düğümleri gruplandırma

  1. Mimari menüsünde, Windows, Mimari Gezgini'ni seçin.

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

    Bkz. Mimari Gezgini ile kod bulma.

  3. Geçerli sütunun sağ tarafında genişletmek için daraltılmış eylem sütununu seçin. (Klavye: Daraltılan eylem sütunu genişletilene dek odağı taşımak için Sekme tuşuna basın.)

    [!NOT]

    Eylem sütunu işaretçiyi veya odağı hareket ettiğinizde işaretçinin üzerinde vurgulu olarak görünür.

  4. Eylem sütununda, İçeren'e tıklayın. (Klavye: Odağı taşımak için Sekme tuşuna basın ve İçeren ilişkisi seçilene dek ok tuşlarını kullanın.)

  5. Sonraki sütundan kapsayıcı gruplarını grafiğe sürükleyin.

  6. Grafiğin kısayol menüsü açın.Grup, Gruplandırmayı Aç'ı seçin.

Düğümleri özellik değerlerine göre gruplandırma

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

  2. Mimari menüsünde.Windows, Mimari Gezgini'ni seçin.

  3. Mimari Gezgini'nde, Dosya Sistemi altında Dosyaları Seçin'i seçin.

  4. Sonraki sütunda, kaydedilmiş .dgml dosyanızı seçin

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

    Bkz. Mimari Gezgini ile kod bulma.

  6. Geçerli sütunun sağ tarafında genişletmek için daraltılmış eylem sütununu seçin. (Klavye: Daraltılan eylem sütunu genişletilene dek odağı taşımak için Sekme tuşuna basın.)

    [!NOT]

    İşaretçiyi eylem sütunu üzerine getirdiğinizde, sütun vurgulu olarak görünür.

  7. Eylem sütununda Gruplandırma altında, Özelliklere Göre Gruplandır'ı seçin. (Klavye: Odağı taşımak için Sekme tuşuna basın ve Özelliklere Göre Gruplandır komutu seçilene dek ok tuşlarını kullanın.)

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

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

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

  10. Grafik yüzeyi için kısayol menüsünü açın.Grup, Gruplandırmayı Aç'ı seçin.

Grupları kaldırma

Kaldırmak istediğiniz grup veya grupları seçin.Seçiminizin kısayol menüsünü açın.Grup, Grubu Kaldır'ı seçin.

Düğümleri onların üst grubundan bir üst gruba veya üst grupları yoksa grubun dışına kaldırma

Taşımak istediğiniz düğümleri seçin.Seçiminizin kısayol menüsünü açın.Grup, Üstten Kaldır'ı seçin.

Grafiğin .dgml dosyasını düzenleyerek düğümleri gruplandırmak için

  1. Bir düğümü gruba dönüştürmek için düğümün kısayol menüsünü açın.Git, DGML'yi seçin.

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

    -veya-

    Yeni bir grup eklemek için:

    1. Grafiğin boş bir alanının kısayol menüsünü açın.Git, DGML'yi seçin.

    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 alt düğümleri arasındaki her ilişki için aşağıdaki özniteliklere sahip olduğundan emin olun:

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

    • Alt düğümü belirten bir Target özniteliği

    • Grup düğümü ile onun alt 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 Atama.

Grafikleri birleştirme

Düğümleri grafikler arasında kopyalayıp yapıştırarak grafikleri birleştirebilirsiniz.Düğüm tanımlayıcıları eşleşirse, düğümlerin yapıştırılması bir birleştirme işlemi gibi görev görür.Bu görevi kolaylaştırmak için görselleştirmek istediğiniz tüm derlemeleri veya ikili dosyaları aynı klasöre yerleştirerek her derlemenin veya ikili dosyanın tam yolunun birleştirmek istediğiniz her grafik için aynı olmasını sağlayın.

Alternatif olarak, aşağıdaki adımlardan birini uygulayarak görselleştirmek istediğiniz derlemeler veya ikili dosyalar için tek bir grafik oluşturabilirsiniz:

  • Derlemeleri veya ikili dosyaları aynı grafiğe sürükleyin.

    -veya-

  • Mimari Gezgini'ni açın.Dosya Sistemi altında, derlemeleri veya ikili dosyaları incelemek, seçmek ve açmak için Dosyaları Seçin'i seçin.Grafiği daraltmak için görselleştirmek istediğiniz belirli öğeleri seçin.İşlemi tamamladığınızda, Mimari Gezgini araç çubuğunda Seçilen tüm düğümlerden yeni bir grafik belgesi oluştur'u seçin.

Grafiğin stilini değiştirme

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ştirme.

  1. Grafik yüzeyinden kısayol menüsünü açın.Git, DGML'yi seçin.

    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:

    Şunu değiştirmek için

    Aşağıdaki özniteliği ekleyin

    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üğümlerini stilini değiştirme

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.Bkz. Düğümlere ve Bağlantılara Özel Stiller Uygulama.

Ö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ını tanımlamanızı ve bunlara odaklanmanızı sağlar.

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

  1. Gösterge kutusu görünmüyorsa, grafiğin kısayol menüsünü açın.Gösterge Göster'i seçin.

  2. Gösterge kutusunda, düğüm kategorisinin veya özelliğin listede görünüp görünmediğine bakın.

  3. Liste kategori veya özellik içermiyorsa, Gösterge kutusunda**+** simgesini, Düğüm Kategorisi'ni veya Düğüm Özelliği'ni ve kategori veya özelliği seçin.

    Kategori veya özellik artık Gösterge kutusunda görünür.

    [!NOT]

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

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

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

    Şunu değiştirmek için

    Bunu seçin

    Arka plan rengi

    Arka Plan

    Anahat rengi

    Vuruş

    Metin rengi

    Ön plan

    Simge

    Simgeler

    Renk (veya simge) seçmeniz için Renk Kümesi Seçicisi kutusu görünür.

  6. Renk Kümesi Seçicisi iletişim kutusunda, aşağıdakilerden birini gerçekleştirin:

    Şunu uygulamak için

    Bu adımları gerçekleştirin

    Renkler kümesi (veya simgeler

    Renk kümesi (veya simge) seçin listesini açın.Renkler (veya simgeler) kümesi seçin.

    Varsayılan renge (veya simgeye) geri dönmek için Renk kümesi(simge) seçin listesinde Yok'u seçin.

    Belirli bir renk (veya simge)

    Kategori veya özellik değer listesini açın.Bir renk (veya simge) seçin.

    [!NOT]

    Gösterge kutusundaki stilleri yeniden düzenleyebilir, silebilir veya geçici olarak devre dışı bırakabilirsiniz.Bkz. Gösterge Kutusunu Değiştirme.

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

  1. Gösterge kutusu görünmüyorsa, grafiğin kısayol menüsünü açın.Gösterge Göster'i seçin.

  2. Gösterge kutusunda, kategorinin veya özelliğin listede görünüp görünmediğine bakın.

  3. Liste kategori veya özellik içermiyorsa, Gösterge kutusunda**+** simgesini, Bağlantı Kategorisi'ni veya Bağlantı Özelliği'ni ve kategori veya özelliği seçin.

    Kategori veya özellik artık Gösterge kutusunda görünür.

    [!NOT]

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

  4. Gösterge kutusunda, kategori veya özelliğin yanında listeyi açın.

  5. Bağlantının anahattını ve ok ucu rengini değiştirmek için Vuruş'u seçin.

    Renk seçmeniz için Renk Kümesi Seçicisi kutusu görünür.

  6. Renk Kümesi Seçicisi kutusunda, aşağıdakilerden birini gerçekleştirin:

    Şunu uygulamak için

    Bu adımları gerçekleştirin

    Renkler kümesi

    Renk kümesiseçin listesini açın.Renkler kümesi seçin.

    Varsayılan renge geri dönmek için Renk kümesi seçin listesinde Yok'u seçin.

    Belirli renk

    Bir renk seçmek için türü veya özellik değerini açın.

    [!NOT]

    Gösterge kutusundaki stilleri yeniden düzenleyebilir, silebilir veya geçici olarak devre dışı bırakabilirsiniz.Bkz. Gösterge Kutusunu Değiştirme.

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

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

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

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

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

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

  1. Stilini özelleştirmek istediğiniz düğüm için kısayol menüsünü açın.Git, DGML'yi seçin.

    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:

    Şunu değiştirmek için

    Aşağıdaki özniteliği ekleyin

    Arka plan rengi

    Background="ColorNameOrHexadecimalValue"

    Anahat

    Stroke="ColorNameOrHexadecimalValue"

    Anahat kalınlığı

    StrokeThickness="StrokeValue"

    Metin rengi

    Foreground="ColorNameOrHexadecimalValue"

    Simge

    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

    Şekli bir simgeyle değiştirmek için Shape özelliğini None seçeneğine ve Icon özelliğini simge dosyasının bulunduğu yola ayarlayın.

    Shape="ShapeFilePathLocation"

    Örneğin:

    <Nodes>
       <Node Id="MyNode" Background="#FF008000" Stroke="#FF000000"
       Foreground="#FFFFFFFF" Icon="...\Icons\Globe.png"/>
    </Nodes>
    

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

  1. Grafik üzerinde fare imlecini bağlantının en üstüne taşıyın.Bir araç ipucu görünür ve bağlantının kaynak ve hedef düğümlerini tanımlar. (Klavye: Odak bağlantıda olana dekSekme tuşuna basın.)

  2. Grafiğin kısayol menüsü açın.Git, DGML'yi seçin.

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

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

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

    Şunu değiştirmek için

    Aşağıdaki özniteliği ekleyin

    Anahat ve ok ucu rengi

    Stroke="ColorNameOrHexadecimalValue"

    Anahat kalınlığı

    StrokeThickness="StrokeValue"

    Anahat stili

    StrokeDashArray="StrokeArrayValues"

    Örneğin:

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

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

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

    İpucuİpucu

    Birçok düğüm veya bağlantı arasında tekrarlanan stilleriniz varsa, bu düğümlere veya bağlantılara bir kategoriyi uygulamayı ve ardından bu kategoriye bir stil uygulamayı düşünebilirsiniz.Daha fazla bilgi için bkz. Düğümlere ve Bağlantılara Kategori Atama ve Düğümlere ve Bağlantılara Özellikler Atama.

  2. Grafik yüzeyi için kısayol menüsünü açın.Git, DGML'yi seçin.

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

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

  4. <Styles></Styles> öğesinde, <Style/> öğesinin 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> ::= isteğe bağlı ondalık noktası ile rakamlar dizesi

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

  2. <Condition/> öğesinden sonraki çizgide, Property özniteliğini ve sabitlenmiş Value özniteliğini veya grafiğe, düğümlere ya da 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 tabloda kullanabileceğiniz bazı örnek koşullar bulunmaktadır:

Amaç

Örnek DGML

Kodun satır sayısının düğümün boyutunu da değiştiren 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ğerlendirilir.

Bu örnekte:

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

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

  3. Background özelliğinin değerine göre Coverage ö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\Module.png" Shape="None" />
   <Category Id="Test" Icon="...\Icons\Page.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ştirme

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

  1. Gösterge kutusunda bir stilin kısayol menüsünü açın.

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

    Amaç

    Bunu seçin

    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 kopyalama

  1. Gösterge kutusunun kaynak grafikte göründüğünden emin olun.Görünür durumda değilse, kaynak grafiğin boş bir alanı için kısayol menüsünü açın.Gösterge Göster'i seçin.

  2. Gösterge kutusunun kısayol menüsünü açın.Göstergeyi Kopyala'yı seçin.

  3. Göstergeyi hedef grafiğe yapıştırın.

Düğümlere ve bağlantılara özellikler atama

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 gizleyebilmek için seçebilirsiniz.

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

  1. Düğümün kısayol menüsü açın.Git, DGML'yi seçin.

    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 imlecini bağlantının en üstüne taşıyın.Bir araç ipucu görünür ve bağlantının kaynak ve hedef düğümlerini tanımlar. (Klavye: Odak bağlantı üzerinde olana dek Sekme tuşuna basın.)

  2. Grafiğin kısayol menüsü açın.Git, DGML'yi seçin.

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

  3. Hem kaynak düğümünün hem de hedef düğümün adlarını içeren <Link/> öğesini 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üğümlere ve bağlantılara kategoriler atama

Düğümleri onlara kategoriler atayarak düzenleyebilirsiniz.Örneğin, belirli kategorilerdeki düğümleri onları gruplayabilmek, stillerini değiştirebilmek veya 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 gruplandırma

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

  • Düğümleri gösterme veya gizleme

Düğüme bir kategori atamak için

  • Kategori 1 gibi önceden tanımlanmış bir kategori atamak için düğümün kısayol menüsünü açın.Kategorilere ayır seçeneğini ve önceden tanımlanmış bir kategoriyi seçin.

veya

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

    • Kategorilere ayırmak istediğiniz düğümü seçin.Özellikler penceresini açmak için F4 tuşuna basın.Düğümün Yeni Kategori özelliğine kategori adını yazın.ENTER tuşuna basın.

    veya

    1. Düğümün kısayol menüsü açın.Git, DGML'yi seçin.

      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 ekleyerek o kategorinin görüntü metnini belirtmek için Label özniteliğini kullanabilirsiniz:

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

Bir bağlantıya kategori atamak için

  1. Grafik üzerinde, fare imlecini araç ipucunu göstermek ve bağlantının kaynak düğümünü ve hedef düğümünü tanımlamak için bağlantının üzerine getirin. (Klavye: Odak bağlantı üzerinde olana dek Sekme tuşuna basın.)

  2. Grafiğin kısayol menüsü açın.Git, DGML'yi seçin.

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

  3. Hem kaynak düğümünün hem de hedef düğümün adlarını içeren <Link/> öğesini 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 ekleyerek o kategorinin görüntü metnini belirtmek için Label özniteliğini kullanabilirsiniz:

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

Düğümleri düzenlemenize yardımcı olacak hiyerarşik kategoriler oluşturabilir ve devralma kullanarak alt kategorilere öznitelikler ekleyebilirsiniz.

Hiyerarşik kategoriler oluşturmak için

  • Üst kategori için <Category/> öğesini ekleyin ve ardından alt kategorinin <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ı, Category özniteliği MyParentCategory'nin Background özniteliğini devraldığı için yeşildir.

Öğeleri düğümlere veya bağlantılara bağlama

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

Uyarı notuUyarı

Göreli yollar kullanıyorsanız ve .dgml dosyası farklı bir konuma taşınırsa, bu yollar artık çözümlenmez.Bağlantılı içeriği açmaya ve görüntülemeye çalıştığınızda, içeriğin görüntülenemediğini bildiren bir hata ortaya çıkar.

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

  • Sınıfta yapılan değişiklikleri açıklamak için iş öğesinin, belgenin veya başka bir .dgml dosyasının URL'sini bir sınıfın düğümüne bağlayabilirsiniz.

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

  • Arabirimi kullanan bileşenle ilgili daha fazla bilgi göstermek için arabirimin düğümüne bir bileşen diyagramını bağlayabilirsiniz.

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

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

  1. Grafik üzerinde düğümün kısayol menüsünü açın.Git, DGML'yi seçin.

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

  2. Aşağıdaki tabloda yer alan görevlerden birini gerçekleştirin:

    Şunu bağlamak için

    Bu adımları gerçekleştirin

    Tek bir öğe

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

      [!NOT]

      Öğe başına yalnızca bir Reference özniteliğiniz olabilir.

    Ö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/> veya <Link/> öğ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 öğenin Git kısayol menüsünde başvuruyu görünür yapmak için özniteliği True olarak ayarlayın.

      4. Öğenin 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.Düğümün veya bağlantının kısayol menüsünü açtığınızda, seçebileceğiniz bağlantılı öğeleri içeren bir Git kısayol menüsü göreceksiniz.

  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ğerleriyle 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. Grafikten başvurulan öğe veya öğeleri görüntülemek için düğümün veya bağlantının kısayol menüsünü açın.Git'i ve öğeyi seçin.

Sık kullanılan yollar için diğer 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 diğer adını 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) Anlama

DGML döngüsel ve döngüsel olmayan yönlendirilmiş grafikleri açıklamak için basit XML kullanır.Yönlendirilmiş bir grafik, bağlantılarla veya kenarlarla bağlanmış 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 analizleri gerçekleştirmek veya yalnızca yönlendirilmiş grafikleri inceleyip düzenlemek için DGML kullanın.

Düğümlere ve bağlantılara grafik öğeleri ya da yalnızca öğe adı verilir.Aşağıdaki tabloda, DGML'de kullanılan öğelerin türleri açıklanmaktadır:

[!NOT]

Bir .dgml dosyasını düzenlerken, IntelliSense her öğe için kullanılabilen öznitelikleri ve değerlerini belirlemenize yardımcı olur.Bir öznitelikte renk belirlemek için "Mavi" gibi genel renklerin adlarını veya "#ffa0b1c3" gibi ARGB onaltılık değerlerini 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. Renkler 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:

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

[!NOT]

<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 listesinin içinde 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 ad, kendisine başvuran bağlantının Source veya Target özniteliğiyle uyuşmalıdır.

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

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

  • Stil öznitelikleri.Bkz. Düğümlere ve Bağlantılara Özel Stiller Uygulama.

  • 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.Bkz. Düğümleri Gruplar Halinde Düzenleme.

  • Visibility- Bu özniteliği Visible, Hidden veya Collapsed öğesine ayarlayın.System.Windows.Visibility kullanır.Bkz. Düğümleri Gizleme veya Gösterme.

  • Reference - Bu özniteliği bir belgeye veya URL'ye bağlanacak şekilde ayarlayın.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" Category="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 tek bir bağlantıyı tanımlar.<Links></Links> öğe listesinin içinde görünür.

[!NOT]

Bu öğe tanımlanmamış bir düğüme başvuruyorsa, grafik belge (varsa) belirtilen özelliklere sahip bir 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ı açıklar:

  • Label - Bağlantının görünen adı

  • Stil öznitelikleri.Bkz. Düğümlere ve Bağlantılara Özel Stiller Uygulama.

  • 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ı açıklar:

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

  • BasedOn - Geçerli öğenin <Category/> öğesinin devraldığı üst kategori.

    Bu öğenin örneğinde, FailedTest kategorisi Stroke özniteliğini PassedTest kategorisinden devralır.Düğümlere ve Bağlantılara Kategori Atama'daki "Hiyerarşik kategoriler oluşturmak için" bölümüne bakın.

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.Bkz. Düğümlere ve Bağlantılara Özel Stiller Uygulama.

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

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

Kodunuzdaki bağımlılıkları bağımlılık grafikleri ile eşleme

Bağımlılık grafiklerine gözatma ve bunları yeniden düzenleme