Aracılığıyla paylaş

Bağımlılık Grafiklerini Düzenleme ve Özelleştirme

  • Makale

Bağımlılık grafikleri, arka plandaki kodu etkilemeden düzenleyebilirsiniz.Bu anahtar öğelerine odaklanan veya kod hakkında fikir iletişim kurmak istediğinizde yararlıdır.Örneğin, ilginç vurgulamak için düğümleri seçin ve paketlere filtre uygulamak, düğümlerin ve bağlantıların stilini değiştirmek, gizlemek veya düğümlerini silebilir ve özellikleri, kategorileri veya grupları kullanarak düğümleri düzenlemek.

Grafiğin Yönlendirilmiş Grafik Biçimlendirme Dili (.dgml) dosyasını düzenleyerek grafiği daha özelleştirebilirsiniz.Örneğin, özel stilleri belirlemek, düğümlere ve bağlantılara kategoriler ve özellikler atamak ya da belgeleri, URL'leri veya diğer grafik öğeleri düğümlere bağlantı öğelerini düzenleyebilirsiniz.

[!NOT]

Visual Studio tüm kullanılmayan dgml öğelerini ve özniteliklerini .dgml dosyasını kaydettiğinizde, onları silerek temizler.El ile yeni bağlantılar eklediğiniz zaman da düğüm öğeleri otomatik olarak oluşturur. .Dgml dosyasını kaydettiğinizde, bir öğeye eklediğiniz tüm öznitelikler kendilerini alfabetik sırada yeniden düzenleyebilirler.DGML öğeleri hakkında daha fazla bilgi için bkz. Yönlendirilmiş Grafik Biçimlendirme Dilini (DGML) Anlama.

Gereksinimler

Bu konuda

  • Düğümlerden veya bağlantılardan seçin

  • Düğümlerden veya bağlantılardan yeniden adlandır

  • Düğümleri ve bağlantıları göster veya gizle

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

  • Yorum eklemek için grafik

  • Düğümleri Sil

  • Düğümleri gruplandırın.

  • Grafikler Birleştir

  • Grafik stilini değiştir

  • Eğer düğüm veya bağlantı stilini değiştirme

  • Stilleri bir grafikten diğerine kopyala

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

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

  • Düğümlerden veya bağlantılardan öğelere bağlantı

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

Düğümlerden veya bağlantılardan seçin

Bunun için

Bu adımları gerçekleştirin

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

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

Seçili olanlara bağlayan ek düğümleri seçin

Seçili düğümler için kısayol menüsünü açar.Seçim seçin ve aşağıdakilerden birini:

  • Seçili düğüme doğrudan bağlayan ek düğümleri seçmek için Seç Gelen bağımlılıkları.

  • Seçili düğümden doğrudan bağlayan ek düğümleri seçmek için Seç Giden bağımlılıkları.

  • Doğrudan düğüme ve seçili düğümden bağlayan ek düğümleri seçmek için Seç hem.

  • Ayrıca seçili düğüme ve seçili düğümden bağlayan tüm düğümleri seçmek için Seç Bağlı Subgraph.

  • Ayrıca seçili düğümün tüm çocuklarını seçmek için Seç Çocuklar.

Düğümlerden veya bağlantılardan yeniden adlandır

  • Eğer düğüm veya bağlantı seçin.F2'e basın.Düzenleme kutusu göründüğünde, düğüm veya bağlantıya yeniden adlandırın.

    Etiket ise, etiketi seçin.

Düğümleri ve bağlantıları göster veya gizle

Düğümleri gizlemek onları Düzen algoritmasına katılmasını engeller.Bu çapraz-grup bağlantılarını varsayılan olarak gizlidir.Bu çapraz-grup bağlantılarını düğümleri gruplar arasında karşılıklı 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şletin ve grup içindeki düğümleri seçtiğinizde, çapraz grup bağlantıları görünür ve o grubun bağımlılıkları gösterir.

Uyarı notuUyarı

Visual Studio Ultimate'taki kullananlar ile Visual Studio Premium veya Visual Studio Professional oluşturulan bir grafik paylaşmadan önce herhangi bir düğüm veya başkalarının görmesini istediğiniz çapraz-grup bağlantılarını göster emin olun.Aksi takdirde, kullanıcılar bu öğeleri göstermek mümkün olmayacak.

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

Bunun için

Bu adımları gerçekleştirin

Seçili düğümleri gizleyin

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

  2. Grafik veya seçili düğümler için kısayol menüsünü açar.Seçim seçin, Gizle seçili.

Seçili olmayan düğümleri gizleyin

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

  2. Grafik veya seçili düğümler için kısayol menüsünü açar.Seçim seçin, seçilmemiş Gizle.

Gizli düğümleri gösterin

  • Bir grup içindeki tüm gizli düğümleri göstermek için önce grup genişletilmiş emin olun.Seçim Çocuk göstermek içinAlt simge göster grubunun sol üst köşesindeki.

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

.Dgml dosyasını düzenleyerek düğümleri gizleyin

  1. Grafik için kısayol menüsünü açın.Choose Goto, DGML.

    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

Bunun için

Grafik araç çubuğunda Aç bağlantıların grafik üzerinde oluşturulmasını değiştirme liste veya grafik kısayol menüsünü açın. Seçin:

Bu ç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.

Yalnızca seçili düğümler için çapraz-grup bağlantılarını göster

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

Bu çapraz-grup bağlantılarını her zaman gizle

Bu ç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 seçin Tüm Bağlantıları Gizle yeniden bu modu kapatmak için.

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

Yeni tanımsız bir düğüm eklemek için

Bu adımları gerçekleştirin

Geçerli işaretçi konumunda

Yeni düğüm nereye grafik üzerinde bir yer seçin.Press Ekle.

Seçili düğüme bağlantı yapan

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

    Bir araç çubuğu görünür düğüm üzerinde başlar.

    Bağımlılık grafiği araç

  2. Araç çubuğunda, seçim Bu düğümün aynı kategoride olan bir düğümü oluşturun ve bunu yeni bir bağlantı eklemekGrafik araç - düğüm ile bağlantı oluşturma.

  3. Yeni düğüm koymak için grafikteki bir yer seçin.

    (Klavye: basın sekme bağlamak istediğiniz düğümü olana kadar odaklanmak ve basın Alt+Ekle.)

Varolan bir düğümü geçerli odağa sahip bağlantılı

Press sekme bağlamak istediğiniz düğümü odaklanana kadar.Press Alt+Shift+Insert.

Düğümleri eklemek için

Bu adımları gerçekleştirin

Çözümdeki öğelere

  1. Öğeyi bulmak Çözüm Gezgini.Kullanım Çözüm Gezgini arama kutusu veya çözüm bulun.Kodunuzda göz atmak için Çözüm Gezgini, bkz: Kod yapısını görüntüleme.

    İpucuİpucu
    Bir tür ya da üye bağımlılıkları olan öğeler bulmak için veya üye türü için kısayol menüsünü açın Çözüm Gezgini.Sizi ilgilendiren ilişkiyi seçin.Çözüm Gezgini yalnızca belirtilen bağımlılık öğeleri gösterir.

  2. Grafik yüzeyine ilgilendiren öğeleri sürükleyin.

    Visual Studio Ultimate kullanırken üst kapsayıcı hiyerarşi için seçili öğeleri dahil etmek için basılı ctrl için grafik öğeleri sürüklerken anahtar.

    - veya -

    Üzerinde Çözüm Gezgini, açık Create new graph document... listesi.Seçim için etkin bir bağımlılık grafiği Ekle.Üst kapsayıcı hiyerarşi eklemeyi seçin kapsama hiyerarşisiyle etkin bağımlılık grafiği Ekle yerine.

    Visual Studio seçiminizde düğümleri için üst düzey kod öğeleri ekler.Bir düğüm öğe içerip içermediğini görmek için düğümü üzerinde fare işaretçisini hareket ettirmek için köşeli çift ayracı (^) görünür.Köşeli çift ayraç seçin (^) düğümünü genişletin.Tüm düğümleri genişletmek için grafik için kısayol menüsünü açın.Seçim Grup, Tümünü Genişlet.

    NotNot
    Tüm grupları genişletme kullanılamaz bir grafik veya bellek sorunlarını ürettiği zaman bu komut kullanılamaz.

Grafikte düğüm ile ilgili maddeler

Düğüm için kısayol menüsünü açın.Seçim Göster ve sizi ilgilendiren ilişki türü.

Bir derleme için seçin:

  • Başvurulan derlemeler: bu derlemeye başvuran derlemeler ekleyin.Dış derlemeler görünür Externals grubu.

  • Başvurulan derlemeler: derlemelerini çözümde bu derleme başvurusu ekleyin.

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

  • Temel türleri: temel sınıf ve uygulanan arabirimler için bir sınıf ekleyin.

    Bir arabirim için temel arabirimde ekleyin.

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

    Bir arabirim için türetilmiş arabirimleri ve uygulama sınıf ya da yapının ekleyin.

  • Tüm temel türleri: temel sınıf ekleme veya Sýradüzeninde yineleyerek arabirim.

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

    Bir arabirim için türetilmiş arabirimleri ve uygulama sınıf ya da yapının yinelemeli olarak ekleyin.

  • Kapsama hiyerarşi: üst kapsayıcı hiyerarşi ekleyin.

  • Kullanılan türleri: tüm sınıfları ve üyeleri bu sınıfı kullanır.

  • Kullanılan-türlerine göre: tüm sınıfları ve üyeleri bu sınıfı kullanan ekleyin.

İçin bir yöntem seçin:

  • Kapsama hiyerarşi: üst kapsayıcı hiyerarşi ekleyin.

  • Yöntem adı verilen: Bu yöntemi çağırır yöntemler ekleyin.

  • Yöntemleri olarak adlandırılan: Bu yöntemi çağırın yöntemler ekleyin.

  • Geçersiz kılınmış yöntemler temel türleri: diğer yöntemleri geçersiz kılar veya bir arabirim yöntemi uygulayan bir yöntem için tüm soyut veya sanal yöntemi geçersiz kılındı temel sınıflarda eklemek ve, varsa, arabirim yöntemi uygulanır.

  • Başvurulan alanları: Bu yönteme başvuran alanları ekleyin.

Bir alan için seçin:

  • Kapsama hiyerarşi: üst kapsayıcı hiyerarşi ekleyin.

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

Derlenmiş .NET bütünleştirilmiş kod (.dll veya .exe) veya ikili dosyaları

Kullanım Mimari Gezgini bulmak ve öğe ve ilişki grafiğe sürükleyin.

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

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

    Bir araç çubuğu görünür düğüm üzerinde başlar.

    Bağımlılık grafiği araç

  2. Araç çubuğunda, seçim İleri'yi which ever düğümü bu düğümden yeni bağlantı oluşturmaGrafik araç - bağlantı oluşturma. Hedef düğüm seçin.

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

Yorum eklemek için grafik

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

    Bir araç çubuğu görünür düğüm üzerinde başlar.

    Bağımlılık grafiği araç

  2. Araç çubuğunda, seçim Create yeni bir açıklama düğümü seçili düğüme yeni bir bağlantı ileGrafik araç - Yorum ile bağlantı oluşturma.

  3. Yorumlarınızı yazın.Yeni bir satıra yazın için basın SHIFT+Enter.

Düğümleri Sil

Arka plandaki kodu etkilemeden grafikten düğümlerini silebilir.Bir düğümü silmek için düğümü seçin ve ENTER tuşuna basın silmek anahtar.Düğümleri sildiğinizde, onların tanımlarını dgml (.dgml) dosyasından kaldırılır.

Bir gruptan düğümlerini silebilir, Yeniden getirmesi çocuklar düğmesini Alt simge yeniden getirmesi grup içinde görünür.Eksik düğümleri almak için Yeniden getirmesi çocuklarAlt simge yeniden getirmesi. dgml tanımsız düğüm ekleme, düzenleme veya Visual Studio Ultimate, önceki sürümleri kullanılarak oluşturulan grafikler bu özelliği desteklemez.

Uyarı notuUyarı

Visual Studio Ultimate kullananlar ile Visual Studio Premium veya Visual Studio Professional kullanılarak oluşturulan bir grafik paylaşmadan önce diğerlerinin görmesini istediğiniz herhangi bir düğüm grafikte görünür olduğundan emin olun.Aksi takdirde, kullanıcılar silinen düğümleri almak mümkün olmayacak.

Düğümleri gruplandırın.

Bunun için

Bu adımları gerçekleştirin

Grup düğümleri veya yaprak düğüm olarak kapsayıcı düğümleri Göster

Yaprak düğüm olarak kapsayıcı düğümleri göstermek için düğümleri seçin.Seçiminiz için kısayol menüsünü açın.Seçim Grup, dönüştürmek için yaprak.

Grup düğümleri olarak kapsayıcı düğümleri göstermek için düğümleri seçin.Seçiminiz için kısayol menüsünü açın.Seçim Grup, gruba dönüştürmez,.

Grup düğümleri olarak tüm yaprak düğümleri göstermek için grafik için kısayol menüsünü açın.Seçim Grup, Gruplamayı üzerinde.

Yaprak düğüm olarak tüm Grup düğümleri göstermek için grafik için kısayol menüsünü açın.Seçim Grup, Gruplamayı kapatmak.

Bir gruba bir düğüm ekleme

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

Düğümler bir grubun dışına sürükleyebilirsiniz.

Bir grup düğüm düğüm ekleme

Herhangi bir düğümde grup olarak dönüştürebilirsiniz.Düğümü hedef düğüm sürükleyin.

Seçili Grup düğümleri

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

    Bir araç çubuğu düğümleri görüntülenir başlar.

    Bağımlılık grafiği araç

  2. Araç çubuğunda, seçim Grup Seçili düğümleriGrafik araç çubuğu - Seçili grubu.

    - veya -

    Seçiminiz için kısayol menüsünü açın.Seçim Grup, Üst Grup Ekle.

  3. Yeni grup için kısayol menüsünü açın.Seçim özelliklerini.Etiket özelliğinde grubu yeniden adlandırın.

Belirli kategorileri veya özellikleri olan düğümleri gruplandırın.

  1. Üzerinde Mimari menüsünden seçin Windows, Mimari Gezgini.

  2. Gruplamak 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ütununa seçin.(Klavye: basın sekme genişletir daraltılmış eylem sütununa kadar odağı taşımak için.)

    NotNot
    İşaretçi veya odak, üzerine getirdiğinizde eylem sütunu vurgulu olarak görünür.

  4. Eylem sütununda İçeren'e tıklayın.(Klavye: basın sekme kadar ok tuşlarını ve odağı taşımak için İçeren ilişki seçili.)

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

  6. Grafik için kısayol menüsünü açın.Seçim Grup, Gruplamayı üzerinde.

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

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

  2. Üzerinde Mimari menüsü.Seçim Windows, Mimari Gezgini.

  3. İçinde Mimari Gezginialtında Dosya sistemi, seçim Dosyaları Seç.

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

  5. Kullanım Mimari Gezgini bulmak ve gruplandırmak istediğiniz tüm düğümleri seçin.

    Bkz: Mimari Gezgini ile Kod Bulma

  6. Geçerli sütunun sağ tarafında genişletmek için daraltılmış eylem sütununa seçin.(Klavye: basın sekme genişletir daraltılmış eylem sütununa kadar odağı taşımak için.)

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

  7. Eylem sütununda, altında Gruplandırma, seçim özelliklerine göre grup.(Klavye: basın sekme kadar ok tuşlarını ve odağı taşımak için özelliklerine göre grup seçili komutu.)

  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 kısayol menüsünü açın.Seçim Grup, Gruplamayı üzerinde.

Grupları kaldırın

Grup ya da kaldırmak istediğiniz grubu seçin.Seçiminiz için kısayol menüsünü açın.Seçim Grup, Grubu Kaldır.

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çiminiz için kısayol menüsünü açın.Seçim Grup, üst nesneden kaldırmak.

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

  1. Bir düğüm için bir grubu dönüştürmek için düğümü için kısayol menüsünü açın.Choose Goto, DGML.

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

    -veya-

    Yeni bir grup eklemek için:

    1. Grafiğin boş bir alanına için kısayol menüsünü açın.Choose Goto, DGML.

    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.

Grafikler Birleştir

Grafikler, düğümler arasında grafikler yapıştırarak birleştirebilirsiniz.Düğüm Tanımlayıcıları eşlenirse, daha sonra yapıştırma düğümleri bir birleştirme işlemi gibi çalışır.Bu görevi kolaylaştırmak için tüm derlemeleri veya aynı klasörde tam yolunu her derleme veya ikili birleştirmek istediğiniz her grafik için aynı olacak şekilde görselleştirmek istediğiniz ikili dosyaları koyun.

Alternatif olarak, derlemeleri veya adımları birini izleyerek görselleştirmek istediğiniz ikili dosyalar için tek bir grafik oluşturabilirsiniz:

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

    -veya-

  • Açık Mimari Gezgini.Altında Dosya sistemi, seçim Dosyaları Seç göz atmak için seçin ve derlemeleri veya ikili dosyaları açın.Grafik iyileştirmek için görselleştirmek istediğiniz belirli öğeleri seçin.Tamamladığınızda, seçim Tüm seçili düğümlerden yeni bir grafik belgesi oluşturun , Mimari Gezgini araç çubuğu.

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.

  1. Grafik yüzeyine kısayol menüsünü açın.Choose Goto, DGML.

    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üğümlerini 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.Bkz: düğümler ve bağlantılar için özel stiller uygulamak.

Ö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. Gösterge kutusu görünmüyorsa, grafik için kısayol menüsünü açın.Seçim Gösterge Göster.

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

  3. Liste kategori veya özellik içermiyorsa, seçim + , gösterge kutusunda, Düğüm kategorisi veya Düğüm özelliğive eğer kategori veya özellik.

    Kategori veya özellik artık gösterge kutusu.

    [!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. İçinde gösterge kutusunda, kategori veya özelliğin yanında açılan listeyi açar.

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

    Değiştirmek için

    Seç

    Arka plan rengi

    Arka Plan

    Anahat rengi

    Vuruş

    Metin rengi

    Önalan

    Simge

    Simgeler

    Renk Seçici kümesi kutusu görünür, bir renk (veya simge) seçin.

  6. İçinde Renk Seçici kümesi iletişim kutusunda, aşağıdakilerden birini gerçekleştirin:

    Uygulamak için

    Bu adımları gerçekleştirin

    Renk (veya simge kümesi

    Açık renk seçin (veya simgesi) set listesi.Renk (veya simge) kümesini seçin.

    İçindeki varsayılan renk (veya simge) geri dönmek için rengi seçin (simgesi) set listesinde, seçim yok.

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

Ö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, grafik için kısayol menüsünü açın.Seçim Gösterge Göster.

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

  3. Liste kategori veya özellik içermiyorsa, seçim + , gösterge kutusunda, Bağlantı kategorisi veya Bağlantı özelliğive eğer kategori veya özellik.

    Kategori veya özellik artık gösterge kutusu.

    [!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. İçinde gösterge kutusunda, kategori veya özelliğin yanında listesini açın.

  5. Seçin kontur bağın Anahat ve ok ucu rengini değiştirmek için.

    Renk Seçici kümesi kutusu görünür, bir renk seçin.

  6. İçinde Renk Seçici kümesi kutusunda, aşağıdakilerden birini gerçekleştirin:

    Uygulamak için

    Bu adımları gerçekleştirin

    Renkler kümesi

    Açık renk seçinolarak listesi. Renk kümesi seçin.

    İçindeki varsayılan renge geri döndürmek için renk kümesi Seç listesinde, seçim yok.

    Belirli renk

    Bir renk seçmek için türe veya özelliğe değer listesini 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ştir.

Ee842619.collapse_all(tr-tr,VS.110).gifDüğü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 için kısayol menüsünü açın.Choose Goto, DGML.

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

  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"

    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 set Shape özelliğini None ve Icon özelliği ile simge dosyası yolu.

    		 
    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 işaretçisi bağlantının üzerine taşıyın.Bir araç ipucu görünür ve kaynak ve hedef bağlantı düğümlerini tanımlar.(Klavye: basınSekme odak bağlantıyı tıklatın.)

  2. Grafik için kısayol menüsünü açın.Choose Goto, DGML.

    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

    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 veya bağlantılara atayın.

    İpucuİpucu

    Stilleri çoğu düğümler ve bağlantılardan yinelenen varsa, bu düğümler ve bağlantılardan bir kategori uygulamak ve sonra bu kategoriye bir stili uygulayarak düşünebilirsiniz.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 kısayol menüsünü açın.Choose Goto, DGML.

    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

    Birden çok belirtebilirsiniz <Condition/> öğelerini stile uygulamak için tümünün doğru olması gerekir.

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

Ee842619.collapse_all(tr-tr,VS.110).gifGösterge kutusunu değiştir

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

  1. Bir stil için kısayol menüsünü aç gösterge kutusu.

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

    Bunun için

    Seç

    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

  1. Emin gösterge kutusu, Kaynak Grafiği'nde görünür.Görünür durumda değilse, kaynak grafiğin boş bir alanı için kısayol menüsünü açın.Seçim Gösterge Göster.

  2. Açmak için kısayol menüsünü gösterge kutusu.Seçim gösterge Kopyala.

  3. Gösterge hedef grafik üzerine yapıştırın.

Düğümler ve bağlantılara özellikler 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üğüm için kısayol menüsünü açın.Choose Goto, DGML.

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

  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çisi bağlantının üzerine taşıyın.Bir araç ipucu görünür ve kaynak ve hedef bağlantı düğümlerini tanımlar.(Klavye: basın sekme kadar odak bağlantıyı.)

  2. Grafik için kısayol menüsünü açın.Choose Goto, DGML.

    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üğümler ve bağlantılara kategoriler 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 gruplandırın.

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

  • Düğümleri göster veya gizle

Düğüme bir kategori atamak için

  • Önceden tanımlanmış bir kategoriyi atamak için aþaðýdaki gibi Kategori 1, düğüm için kısayol menüsünü açın.Seçim Kategorilere Ayır ve önceden tanımlanmış kategori.

- veya -

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

    • Kategorilere ayırmak istediğiniz düğümü seçin.Press F4 açmak için özelliklerini pencere.Kategori adı yazın düğümün içinde Yeni bir kategori özelliği.ENTER tuşuna basın.

    - veya -

    1. Düğüm için kısayol menüsünü açın.Choose Goto, DGML.

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

    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.(Klavye: basın sekme kadar odak bağlantıyı.)

  2. Grafik için kısayol menüsünü açın.Choose Goto, DGML.

    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.

Düğümlerden veya bağlantılardan öğelere bağlantı

Bir düğüm veya bağlantı grafiğin .dgml dosyasını düzenleyerek ve ekleyerek belgeler veya URL'ler gibi öğeleri bağlayabilirsiniz bir Reference özniteliğini <Node/> öğesi için bir düğüm veya <Link/> öğesi için bir bağlantı.Açmak ve o düğüm veya bağlantı içeriği görüntüleyin.Reference özniteliği o içeriğin yolunu belirtir.Bu, .dgml dosya konumuna veya mutlak yola göreli bir yol olabilir.

Uyarı notuUyarı

.Dgml dosyasını farklı bir konuma taşınır ve göreli yolları kullanın, bu yollar artık çözer.Açmak ve bağlantılı içeriği görüntülemek çalıştığınızda, içeriği görüntülenemiyor bildiren bir hata ortaya çıkar.

Ö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 bir Team Foundation Server iş öğesi, 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ü için kısayol menüsünü açın.Choose Goto, DGML.

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

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

    Bağlamak için

    Bu adımları gerçekleştirin

    Tek bir başvurulmuş öğe

    • İçinde <Node/> veya <Link/> , öğe eklemek bir Reference öğenin konumunu belirtmek için öznitelik.

      NotNot
      Yalnızca bir sahip Reference öğesi başına öznitelik.

    Ö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. İçinde <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. Ekleme IsReference özniteliğini ve ayarlamak True başvuruyu maddenin üzerinde görünür hale getirmek için Goto kısayol menüsü.

      4. Kullanım Label maddenin üzerinde görüntü metnini belirtmek için öznitelik Goto kısayol menüsü.

    Ö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.Eğer düğüm veya bağlantı için kısayol menüsünü açtığınızda göreceğiniz bir Goto seçim bağlı öğeleri içeren bir kısayol menüsü.

  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ş öğe veya grafik öğeleri görüntülemek için düğüm veya bağlantı için kısayol menüsünü açın.Seçim Goto ve madde.

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

Öge

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

  • 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.Bkz: Bağımlılık Grafiklerine Gözatma ve Bunları Yeniden Düzenleme

  • Layout - Grafiği şu düzenlere ayarlayın: None, Sugiyama (ağaç düzeni), ForceDirected (çabuk kümeler) veya DependencyMatrix.Bkz: Bağımlılık Grafiklerine Gözatma ve Bunları Yeniden Düzenleme

  • 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.Bkz: Bağımlılık Grafiklerine Gözatma ve Bunları Yeniden Düzenleme

  • 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.Bkz: düğümler ve bağlantılar için özel stiller uygulamak.

  • 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 organize etmek.

  • Visibility- Bu özniteliği Visible, Hidden veya Collapsed öğesine ayarlayın.System.Windows.Visibility kullanır.Bkz: düğümleri göster veya gizle.

  • 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 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.Bkz: düğümler ve bağlantılar için özel stiller uygulamak.

  • 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."Hiyerarşik kategoriler oluşturmak için" konusuna bakın Düğümleri ve bağlantıları kategorilere atama.

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üğümler ve bağlantılar için özel stiller uygulamak.

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

Bkz: düğümleri ve bağlantıları özelliklerine atamak.

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

Bağımlılık Grafiklerinde Kod Bağımlılıklarını Görselleştirme

Bağımlılık Grafiklerine Gözatma ve Bunları Yeniden Düzenleme