مشاركة عبر

كيفية القيام بما يلي: تحرير وتخصيص مستندات الرسوم

  • مقالة

في Visual Studio Ultimateوالتركيز تشغيل علاقات المفاتيح وتحرير المناطق من رسم بياني موجه عن طريق ‏‏تحرير العقد و الارتباطات. Th هو هو مفيدة بشكل خاص عندما يظهر الرسم البياني لكميات قطر أيمن متوسط من المعلومات. على سبيل المثال، يمكنك تعريف المكونات الرئيسية في نظام برامج موجود والعلاقات بينها. يمكنك عند ذلك مشاركة ثم تناقش تلك المناطق التركيز مع أعضاء الفريق الخاص بك. للحصول على معلومات حول إنشاء رسومات من التعليمات البرمجية راجع كيفية القيام بما يلي: توليد رسم بياني مستندات من تعليمات برمجية.

لتمييز مناطق اهتماماتك يمكنك تحديد و تصفية العقد أو تطبيق الأنماط المعرفة مسبقاً إلى عقد والارتباطات و تنظيم العقد في مجموعات. يمكنك تخصيص الرسم البياني حتى المزيد عن طريق تحرير ملف علامات لغة الرسم البياني الموجه (DGML) . على سبيل المثال، يمكنك تحرير عناصر DGML في ملف تحديد الأنماط المخصصة والخصائص كـ تسجيل الفئات للعقد وارتباطات، أو إضافة مراجع إلى عناصر، مثل كـ مستندات ومحددات مواقع المعلومات والملفات الأخرى.dgml. للحصول على مزيد من المعلومات حول عناصر DGML، راجع فهم توجيه رسم ترميز اللغة (DGML).

ملاحظة

Visual Studio مسح عن أي عناصر DGML غير المستخدمة وسمات قبل حذفها عند حفظ ملف .dgml. كما يقوم بإنشاء عناصر العقد تلقائياً عندما تقوم بتمت الإضافة ارتباطات جديدة يدوياً. عند حفظ في.dgml ملف، فقد أية السمات قمت بإضافتها إلى عنصر من إعادة نفسها بترتيب أبجدي.

يمكنك تحرير رسم بياني بالطرق التالية:

  • تحديد العقد

  • إخفاء أو إظهار العقد

  • إظهار أو إخفاء الارتباطات

  • تغيير نمط الرسم البياني

  • تغيير نمط العقد والارتباطات

  • نسخ أنماط من رسم البياني إلي رسم بياني آخر

  • تنظيم العقد إلي مجموعات

  • تعيين خصائص للعقد والارتباطات

  • تعيين خصائص لعقد وارتباطات

  • إضافة مراجع إلى عناصر من العقد

  • إنشاء أسماء مستعارة للمسارات المستخدمة بشكل عام

تحديد العقد

لعمل

قم بإجراء هذه الخطوات

حدد العقد من فئة محددة

  1. انقر يمينا فوق الرسم البياني ثم انقر فوق إظهار التحديد المتقدم.

  2. في المربع تحديد "، ضمن فئات ، انقر فوق الفئات التي تريدها.

لإنشاء وتعيين فئة مخصصة راجع لتعيين الفئات إلى العقد والارتباطات .

حدد العقد بخصائص معينة أو قيم الخصائص

  1. انقر يمينا فوق الرسم البياني ثم انقر فوق إظهار التحديد المتقدم.

  2. في المربع تحديد "، ضمن خصائص ، انقر فوق الخصائص التي تريدها. لتحديد قيم خصائص معينة قم بتوسيع الخاصية.

إضافة المتعلقة بتحديد العقد التي منخفضا

يمين-انقر فوق العقد المحددة وأشر إلى تحديد وثم اختر واحد الإجراءات التالية:

  • إلى إضافة العقد التي ترتبط مباشرة إلى العقدة المحددة، انقر فوق محدد الواردة.

  • إلى إضافة العقد التي ترتبط مباشرة من العقدة المحددة، انقر فوق مراقبة محدد.

  • إلى إضافة العقد التي ربطها بشكل مباشر من العقدة المحددة، انقر فوق من محدد كلا.

  • لإضافة كافة العقد متصلة من وإلي العقدة المحددة انقر فوق تحديد كافة متصلة .

  • لإضافة كافة التوابع لعقدة محدد انقر فوق تحديد التابعين.

حدد كافة العقد غير المختارة

يمين-انقر فوق العقد المحددة وأشر إلى تحديدوثم انقر فوق عكس.

إخفاء أو إظهار العقد

إخفاء العقد الموجودة تشغيل الرسم البياني بإزالتها من الظهور في رسم بياني و المشاركة في أي خوارزميات التخطيط.

لعمل

قم بإجراء هذه الخطوات

إخفاء العقد المحددة

  1. حدد العقد التي تريد إخفاءها.

  2. يمين-انقر فوق العقد المحددة أو الرسم البياني، أشر إلى تحديدوثم انقر فوق إخفاء.

إخفاء عقد مع فئات محددة أو خصائص

  1. لعرض المربع تحديد انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق إظهار التحديد المتقدم

  2. في المربع تحديد انقر فوق الفئات أو الخصائص التي تريدها.

  3. انقر بزر الماوس الأيمن فوق الرسم البياني و أشر إلى التحديد, ثم انقر فوق إخفاء

إخفاء العقد الغير محددة

  1. حدد العقد التي لا تريد إخفاءها.

  2. يمين-انقر فوق العقد المحددة أو الرسم البياني، أشر إلى تحديدوثم انقر فوق إخفاء غير محددة.

إظهار كافة العقد

انقر بزر الماوس الأيمن فوق الرسم البياني و أشر إلى التحديد, ثم انقر فوق إخفاء الكل.

لإخفاء عقد بواسطة ‏‏تحرير.dgml ملف

  1. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق عرض DGML .

    Visual Studio فتح ملف الرسم البياني .dgml .

  2. في <Node/>العنصر، إضافة السمات التالية لإخفاء العقدة:

    Visibility="Hidden"

    فعلى سبيل المثال:

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

إظهار أو إخفاء الارتباطات

يمكنك التحكم في مقدار التفاصيل على رسم عن طريق تحديد أنواع الارتباطات التي تريد مشاهدتها. يظهر الرسم البياني نوعين من الارتباطات: ارتباطات مباشرة بين العقد ارتباطات عبر مجموعة مخفية بشكل افتراضي. المجموعة عبر الارتباطات كلها إرتباطات فردية التي تصل العقد عبر مجموعات مختلفة.

عندما تكون المجموعات مطوية الرسم البياني تجمع كافة إرتباطات المجموعة عبر إرتباط واحد بين المجموعات. عندما يتم توسيع المجموعات يمكنك تحديد العقد داخل الارتباطات مجموعة عبر مجموعة والجديدة تظهر و إظهار التبعيات الفعلية داخل تلك المجموعة.

لإظهار أو إخفاء الارتباطات

  1. إذا لم يكن شريط أدوات الرسم البياني مرئياً, في القائمة عرض, أشر إلى أشرطة الأدوات, ثم انقر فوق رسم بياني موجّه .

  2. حدد مهمة من الجدول التالي:

    لعمل

    انقر فوق

    إظهار جميع الارتباطات بين المجموعات في كل الأوقات

    إظهار الارتباطات المشتركة بين المجموعات

    إظهار هذه الارتباطات عبر المجموعة عبر الارتباطات المتصلة لتحديد العقد

    إظهار المجموعة عبر الارتباطات المحددة للعقد

    إظهار الارتباطات عبر المجموعة عند كل الأوقات

    إخفاء ارتباطات عبر المجموعة

    إخفاء كافة الارتباطات (أو إظهار كافة الارتباطات)

    إخفاء كافة الارتباطات

    لإظهار كافة الارتباطات ، انقر فوق إخفاء كافة الارتباطات مرة أخرى لإيقاف تشغيل هذا الوضع.

تغيير نمط الرسم البياني

يمكنك تغيير لون الخلفية ولون حدود الرسم البياني بواسطة تحرير ملف الرسم البياني .dgml . لتغيير نمط العقد والارتباطات, راجع تغيير نمط العقد والارتباطات.

لتغيير نمط الرسم البياني

  1. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق عرض DGML .

    Visual Studio فتح ملف الرسم البياني .dgml .

  2. في العنصر <DirectedGraph> إضافة أي من السمات التالية لتغيير النمط الخاص به:

    للتغيير

    أضف السمة التالية

    لون الخلفية

    		 
    Background="ColorNameOrHexadecimalValue"

    لون الحدود

    		 
    Stroke="StrokeValue"

    فعلى سبيل المثال:

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

تغيير نمط العقد والارتباطات

يمكنك تغيير الأشكال على العقد وألوان العقد والارتباطات. يمكنك استخدام ألوان معرفة مسبقاً و أشكال ، أو يمكنك تحديد تلك المخصصة عن طريق تحرير ملف الرسم البياني .dgml . لمزيد من المعلومات، راجع " تطبيق أنماط مخصصة للعقد و الارتباطات".

على سبيل المثال، يمكن إختيار ألوان لتمييز العقد والارتباطات التي تحتوي على فئة معينة أو خاصية. يتيح هذا إمكانية التحديد والتركيز على مناطق معينة من الرسم البياني.

لتطبيق اللون المعرف مسبقاً أو الرمز إلى العقد لفئة معينة أو خاصية

  1. إذا لم يكن المربع وسيلة إيضاح مرئياً أنقر علي اليمين فوق الرسم البياني ثم انقر فوق إظهار وسيلة إيضاح.

  2. في المربع وسيلة الإيضاح راجع إذا كانت الفئة العقدة أو الخاصية تظهر في القائمة.

  3. إذا لم تتضمن القائمة الفئة أو الخاصية أنقر إضافة ، أشر إلى فئة العقدة أو خاصية العقدة عقدة ومن ثم حدد الفئة أو الخاصية.

    ملاحظة

    لإنشاء وتعيين فئة مخصصة راجع تعيين الفئات إلى العقد والارتباطات . لإنشاء وتعيين خاصية لعقدة ما راجع تعيين الخصائص للعقد والارتباطات.

  4. في المربع وسيلة ، انقر فوق القائمة المنسدلة بجانب الفئة أو الخاصية.

  5. استخدم الجدول التالي لتحدد النمط الذي تريده للتغيير:

    للتغيير

    تحديد

    لون الخلفية

    الخلفية

    مخطط تفصيلي للون

    ضغط المفاتيح

    لون النص

    Foreground

    الرمز

    الرموز

  6. في مربع الحوار إعداد الصفحة، نفذ أحد الإجراءات التالية:

    لتطبيق

    اتبع الخطوات التالية

    مجموعة من الألوان (أو الرموز)

    انقر فوق تحديد لون ( رمز ) تعيين القائمة المنسدلة ثم انقر فوق مجموعة من الألوان (أو الرموز).

    للعودة إلى الافتراضي لون (أو رمز) في تحديد لون ( رمز ) تعيين القائمة انقر فوق بلا .

    لون محدد (أو رمز)

    انقر فوق قيمة الفئة أو الخاصية قائمة ثم حدد لون (أو رمز).

  7. وعند الانتهاء من ذلك، انقر فوق OK.

    ملاحظة

    يمكنك إعادة ترتيب أو حذف أو إلغاء تنشيط الأنماط في المربع وسيلة إيضاح مؤقتاً. لمزيد من المعلومات، راجع تعديل مربع وسيلة إيضاح.

لتطبيق لون معرف مسبقاً على الارتباطات لفئة معينة أو الخاصية

  1. إذا لم يكن المربع وسيلة إيضاح مرئياً أنقر علي اليمين فوق الرسم البياني ثم انقر فوق إظهار وسيلة إيضاح.

  2. في المربع وسيلة الإيضاح راجع إذا كانت الفئة العقدة أو الخاصية تظهر في القائمة.

  3. إذا لم تتضمن القائمة الفئة أو الخاصية انقر فوق إضافة أشر إلى الفئة عقدة أو عقدة خاصية الإرتباط ومن ثم حدد الفئة أو الخاصية.

    ملاحظة

    لإنشاء وتعيين فئة مخصصة راجع تعيين فئات إلى العقد والارتباطات . لإنشاء وتعيين خاصية عقدة ما راجع تعيين الخصائص للعقد والارتباطات.

  4. في المربع وسيلة ، انقر فوق القائمة المنسدلة بجانب الفئة أو الخاصية.

  5. استخدم الجدول التالي لتحدد النمط الذي تريده للتغيير:

    للتغيير

    تحديد

    لون رأس السهم

    الخلفية

    مخطط تفصيلي للون

    ضغط المفاتيح

  6. في المربع منتقي تعيين ألوان ، اختر أحد الإجراءات التالية:

    لتطبيق

    اتبع الخطوات التالية

    مجموعة من الألوان

    انقر فوق تحديد لون ( رمز ) تعيين القائمة المنسدلة ثم انقر فوق مجموعة من الألوان (أو الرموز).

    للعودة إلى اللون الافتراضي في تحديد مجموعة الألوان القائمة المنسدلة انقر فوق بلا .

    لون محدد

    انقر فوق القائمة المنسدلة قيمة نوع أو الخاصية لتحدد لوناً.

  7. وعند الانتهاء من ذلك، انقر فوق OK.

    ملاحظة

    يمكنك إعادة ترتيب أو حذف أو إلغاء تنشيط الأنماط في المربع وسيلة إيضاح مؤقتاً. لمزيد من المعلومات، راجع تعديل مربع وسيلة إيضاح.

تطبيق الأنماط للعقد والارتباطات

يمكنك تطبيق أنماط مخصصة للعناصر التالية:

  • عقد وارتباطات واحدة

  • مجموعات من العقد والارتباطات

  • مجموعات من العقد والارتباطات استناداً إلى شروط معينة

لتطبيق نمط مخصص إلى عقدة واحدة

  1. انقر علي اليمين فوق عقدة النمط الخاص الذي تريد تخصيصه, ثم انقر فوق عرض DGML.

    Visual Studio فتح ملف .dgml الرسم البياني ويقوم بتمييز العنصر<Node/> للحصول على هذه العقدة.

  2. في عنصر <Node/> أضف أي من السمات التالية لتغيير النمط الخاص به:

    للتغيير

    أضف السمة التالية

    لون الخلفية

    		 
    Background="ColorNameOrHexadecimalValue"

    المخطط التفصيلي

    		 
    Stroke="ColorNameOrHexadecimalValue"

    مخطط تفصيلي الثخانة

    		 
    StrokeThickness="StrokeValue"

    لون النص

    		 
    Foreground="ColorNameOrHexadecimalValue"

    الرمز

    		 
    Icon="IconFilePathLocation"

    حجم النص

    		 
    FontSize="FontSizeValue"

    نوع النص

    		 
    FontFamily="FontFamilyName"

    وزن النص

    		 
    FontWeight="FontWeightValue"

    نمط النص

    		 
    FontStyle="FontStyleName"

    على سبيل المثال، يمكنك تحديد Italic مثل نمط النص.

    مادة

    		 
    Style="Glass"

    -أو-

    Style="Plain"

    شكل

    		 
    Shape

    فعلى سبيل المثال:

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

لتطبيق نمط مخصص إلى إرتباط واحد

  1. في رسم بياني, حرك مؤشر الماوس عبر ارتباط إظهار تلميح الأداة و لتعريف عقدة المصدر والعقدة الهدف من الارتباط.

  2. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق عرض DGML.

    Visual Studio فتح ملف الرسم البياني .dgml .

  3. البحث عن العنصر <Link/> الذي يحتوي على كلا من أسماء عقدة المصدر والعقدة الهدف.

  4. في عنصر <Link/> أضف أي من السمات التالية لتغيير النمط الخاص به:

    للتغيير

    أضف السمة التالية

    لون رأس السهم

    		 
    Background="ColorNameOrHexadecimalValue"

    مخطط تفصيلي للون

    		 
    Stroke="ColorNameOrHexadecimalValue"

    مخطط تفصيلي الثخانة

    		 
    StrokeThickness="StrokeValue"

    نمط المخطط التفصيلي

    		 
    StrokeDashArray="StrokeArrayValues"

    فعلى سبيل المثال:

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

لتطبيق أنماط مخصصة إلى مجموعة من العقد أو الارتباطات

  1. تعيين أي من الفئات أو الخصائص التي تريدها إلى العقد أو الارتباطات.

    لمزيد من المعلومات، راجع تعيين فئات للعقد والارتباطات و تعيين خصائص للعقد والارتباطات .

  2. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق عرض DGML .

    Visual Studio فتح ملف الرسم البياني .dgml .

  3. إذا كان العنصر <Styles></Styles> غير موجود, إضافة واحد ضمن <DirectedGraph></DirectedGraph> العنصر بعد <Links></Links> العنصر.

  4. في العنصر <Styles></Styles> , ضمن العنصر <Style/> وتحديد السمات التالية:

    • TargetType="Node | Link | Graph"

    • GroupLabel="NameInLegendBox"

    • ValueLabel="NameInStylePickerBox"

    لتطبيق نمط مخصص على كافة أنواع الهدف لا تستخدم الشرط.

لتطبيق نمط شرطي للمجموعات من العقد أو الارتباطات

  1. في عنصر <Style/> إضافة العنصر <Condition/> الذي يحتوي على السمة Expression لتحديد تعبير إرجاع قيمة منطقية.

    فعلى سبيل المثال:

    <Condition Expression="MyCategory"/>

    -أو-

    <Condition Expression="MyCategory > 100"/>

    -أو-

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

    هذا التعبير يستخدم بناء الجملة التالي نموذج لغة Backus-Naur BNF):

    <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 >:: = < @ > "(" < MethodArgs >")"

    <PropertyGet> ::= Identifier

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

    <Identifier> ::= [^. ]*

    < حرفية >:: = مفرد أو بين علامات اقتباس خلفية مزدوج سلسلة حرفية

    < رقم >:: = سلسلة أرقام مع علامة النقطة العشرية اختيارية

    يمكنك تحديد عدة عناصر <Condition/> ويجب أن تكون كافة صحيحاً لتطبيق النمط.

  2. على السطر التالي بعد العنصر<Condition/> إضافة واحدة أو عدة عناصر <Setter/> لتحديد Property السمة وسمة ثابتة Value أو محسوبة Expression سمة لتطبيقها على الرسم البياني أو العقد, أو الارتباطات التي تحقق الشرط.

    فعلى سبيل المثال:

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

كما في مثال كامل بسيط, تحدد شرط التالية عقدة يظهر أخضر أو الأحمر استناداً به Passed تعيين الفئة إلي True أو False:

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

يتضمن الجدول التالي بعض الشروط المثال يمكنك استخدامها:

لعمل

مثال DGML:

تعيين حجم الخط كدالة عدد الأسطر من التعليمات البرمجية أيضاً إلى تغيير حجم العقدة. يستخدم هذا المثال تعبير شرطي واحد لتعيين عدة خصائص FontSize و FontFamily.

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

تعيين لون خلفية عقدة استناداً إلى الخاصية Coverage. الأنماط يتم تقييمها بالترتيب الذي تظهر به, مشابهة لعبارات if-else .

. في هذا المثال:

  1. إذا تم تعيين الخاصية > 80 Coverage إلى Background ، الأخضر .

  2. إذا كان آخر Coverage هي > 50, قم بتعيين الخاصية Background إلى تظليل برتقالي استناداً إلى قيمة الخاصية Coverage.

  3. تعيين آخر الخاصية Background إلى تظليل الأحمر استناداً إلى قيمة الخاصية Coverage.

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

تعيين الخاصية Shape إلى None بحيث يتم استبدال رمز الشكل. استخدام الخاصية Icon لتحديد موقع رمز.

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

تعديل مربع وسيلة الإيضاح

يمكنك إعادة ترتيب أو حذف أو إلغاء تنشيط الأنماط في المربع وسيلة إيضاح مؤقتاً.

  1. انقر علي اليمين فوق نمط في المربع وسيلة إيضاح.

  2. قم بتنفيذ أحد المهام التالية:

    لعمل

    انقر فوق

    نقل النمط لأعلى

    تحريك لأعلى

    نقل الصنف لأسفل

    تحريك لأسفل

    حذف صنف

    حذف

    إلغاء تنشيط الصنف

    تعطيل

    إعادة تنشيط الصنف

    التمكين

نسخ أنماط من رسم بياني لرسم بياني آخر

  • انقر علي اليمين فوق ناحية فارغة من الرسم البياني المصدر و انقر فوق وسيلة نسخ ثم لصق النمط إلى الرسم البياني الهدف.

تنظيم عقد إلي مجموعات

لعمل

قم بإجراء هذه الخطوات

إظهار العقد ذات علاقات الاحتواء أو ارتباطات كمجموعات

لإظهار ارتباطات كمجموعات حدد العقد الحاوية -ثم انقر علي اليمين فوق التحديد ، أشر إلى المجموعة, ثم انقر فوق إظهار كمجموعة.

لإظهار ارتباطات كمجموعات حدد العقد حاوية انقر علي اليمين فوق التحديد ، أشر إلى المجموعة, ثم انقر فوق إظهار كإرتباط.

لإظهار كافة مجموعات ، كارتباطات انقر فوق الرسم البياني ، أشر إلى المجموعةثم انقر فوق إظهار كمجموعات.

لإظهار كافة مجموعات ، كارتباطات انقر فوق الرسم البياني ، أشر إلى المجموعةثم انقر فوق إظهار باسم المجموعات.

إضافة مجموعة جديدة حول العقد المحددة

  1. انقر علي اليمين فوق التحديد ، أشر إلى المجموعةثم انقر فوق إضافة مجموعة الأصل.

  2. انقر بزر الماوس الأيمن فوق المجلد الجديد, ثم انقر فوق خصائص.

  3. في الخاصية تسمية قم بإعادة تسمية المجموعة.

إضافة مجموعة جديدة حول العقد التي تحتوي على فئات محددة أو خصائص

  1. لعرض المربع تحديد انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق إظهار التحديد المتقدم

  2. في المربع تحديد انقر فوق الفئات أو الخصائص التي تريدها.

  3. انقر علي اليمين فوق سطح الرسم ، أشر إلى المجموعةثم انقر فوق إضافة مجموعة الأصل.

  4. انقر بزر الماوس الأيمن فوق المجلد الجديد, ثم انقر فوق خصائص.

  5. في الخاصية تسمية قم بإعادة تسمية المجموعة.

مجموعة العقد طبقًا للحاويات الخاصة بهم.

  1. في القائمة بنية , أشر إلى النوافذ, ثم انقر فوق مستكشف طرازات UML.

  2. استخدام "مستكشف هندسة" للعثور على كافة العقد التي تريدها وحدد المجموعة.

    لمزيد من المعلومات، راجع كيفية القيام بما يلي: البحث عن تعليمات برمجية باستخدام مستكشف هندسة.

  3. على الناحية اليمين الجانبية العمود الحالي انقر فوق العمود الإجراء المطوية لتوسيعه.

    ملاحظةملاحظة
    عمود الإجراء يظهر المميزة عند تحريك المؤشر فوقها.

  4. في العمود الإجراء أنقر موجود حسب .

  5. من العمود التالي اسحب مجموعات حاوية للرسم البياني.

  6. انقر علي اليمين فوق الرسم البياني ، أشر إلى المجموعةثم انقر فوق إظهار باسم المجموعات.

تجميع العقد طبقاً لالقيم الخصائص الخاصة بهم

  1. احفظ الرسم كملف .dgml على القرص.

  2. في القائمة بنية , أشر إلى النوافذ, ثم انقر فوق مستكشف طرازات UML.

  3. في مستكشف البنية ، تحت نظام الملفات, أنقر تحديد الملفات.

  4. في العمود التالي للملف .dgml المحفوظ

  5. استخدام "مستكشف هندسة" للعثور على كافة العقد التي تريدها وحدد المجموعة.

    لمزيد من المعلومات، راجع كيفية القيام بما يلي: البحث عن تعليمات برمجية باستخدام مستكشف هندسة.

  6. على الناحية اليمين الجانبية العمود الحالي انقر فوق العمود الإجراء المطوية لتوسيعه.

    ملاحظةملاحظة
    عمود الإجراء يظهر المميزة عند تحريك المؤشر فوقها.

  7. في العمود الإجراء تحت التجميع, انقر فوق تجميع حسب الخصائص .

  8. في العمود التالي حدد الخصائص التي تريدها لاستخدامها كمجموعات.

    يظهر العمود التالي ويظهر قيم الخصائص المتوفرة .

  9. من العمود التالي اسحب مجموعات حاوية للرسم البياني.

  10. انقر علي اليمين فوق الرسم البياني ، أشر إلى المجموعةثم انقر فوق إظهار باسم المجموعات.

إزالة مجموعات

حدد المجموعة أو المجموعات التي تريد إزالتها انقر علي اليمين فوق تحديد أشر إلى المجموعة, ثم انقر فوق إزالة المجموعة.

إزالة العقد من المجموعة الأصلية الخاصة بهم حتى العقد الأصلية الخاصة بهم أو خارج مجموعة إذا كان لدى توجد مجموعة الأصل

حدد المجموعة أو المجموعات التي تريد إزالتها انقر علي اليمين فوق التحديد ، أشر إلى المجموعة, ثم انقر فوق إزالة المجموعة.

يمكنك أيضاً تنظيم العقد في المجموعات عن طريق تحرير ملف الرسم البياني .dgml .

لاستخدام عقدة موجودة كمجموعة أو إضافة مجموعة جديدة

  1. لاستخدام عقدة موجودة كمجموعة، انقر علي اليمين فوق العقدة التي تريد استخدامها كـ عقدة مجموعة ثم انقر فوق عرض DGML .

    Visual Studio فتح ملف .dgml الرسم البياني ويقوم بتمييز العنصر<Node/> للحصول على هذه العقدة.

    -أو-

    1. انقر بزر الماوس الأيمن فوق المجموعة التي ترغب في إضافة عضو إليها، ثم انقر فوق عرض DGML.

    2. في المقطع <Nodes> إضافة عنصر <Node/> جديد.

  2. في العنصر <Node/> إضافة سمة Group لتحديد ما إذا كان سيظهر المجموعة موسعة أو مطوية. فعلى سبيل المثال:

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

  3. في المقطع <Links> تأكد من أن العنصر <Link/> له السمات التالية وجود كل العلاقة بين عقدة مجموعة العقد التابعة لها:

    • Source السمة التي تعيّن عقدة مجموعة

    • Target السمة التي تحدد العقدة التابعة

    • Category السمة التي تحدد Contains العلاقة بين عقدة مجموعة العقدة التابعة الخاصة بها

    فعلى سبيل المثال:

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

    لمزيد من المعلومات حول السمة Category راجع تعيين فئات والعقد والارتباطات وتعيين خصائص للعقد والارتباطات .

تعيين خصائص للعقد والارتباطات

يمكنك تنظيم العقد والارتباطات عن طريق تعيين خصائص لها. على سبيل المثال، يمكنك تحديد العقد التي لها الخصائص المحددة بحيث يمكن تجميعها أو تغيير النمط الخاص بهم أو إخفاءها.

لتعيين خاصية لعقدة

  1. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق DGML عرض.

    Visual Studio فتح ملف .dgml الرسم البياني ويقوم بتمييز العنصر<Node/> للحصول على هذه العقدة.

  2. في <Node/> العناصر، حدد اسم الخاصية والقيمة الخاصة به. فعلى سبيل المثال:

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

  3. إضافة العنصر <Property/> إلي <Properties> المقطع لتعيين سمات مثل نوع بيانات واسم مرئية:

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

لتعيين خاصية لعقدة

  1. في رسم بياني, حرك مؤشر الماوس عبر ارتباط إظهار تلميح الأداة و لتعريف عقدة المصدر والعقدة الهدف من الارتباط.

  2. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق عرض DGML.

    Visual Studio فتح ملف الرسم البياني .dgml .

  3. البحث عن العنصر <Link/> الذي يحتوي على كلا من أسماء عقدة المصدر والعقدة الهدف.

  4. في <Node/> العناصر، حدد اسم الخاصية والقيمة الخاصة به. فعلى سبيل المثال:

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

  5. إضافة العنصر <Property/> إلي <Properties> المقطع لتعيين سمات مثل نوع بيانات واسم مرئية:

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

تعيين خصائص الفئات العقد والارتباطات

يمكنك تنظيم العقد عن طريق تعيين الفئات إليها. على سبيل المثال، يمكنك تحديد العقد الموجودة في بعض الفئات بحيث يمكنك تجميع هذه لتغيير النمط الخاصة بهم أو إخفاءها. يمكنك تمييز ارتباطات معينة للفئات. للحصول على مزيد من المعلومات، راجع المقالة التالية (قد تحتوي هذه المقالة على ارتباطات إلى محتوى باللغة الإنجليزية (محتوى لم تتم ترجمته بعد)):

  • تنظيم العقد إلي مجموعات

  • تغيير نمط العقد والارتباطات

  • إخفاء أو إظهار العقد

لتعيين فئة لعقدة

  • لتعيين فئة معرفة مسبقاً مثل الفئة 1، انقر بزر الماوس الأيمن فوق العقدة, أشر إلي تصنيف ، ثم انقر فوق فئة معرفة مسبقاً.

-أو-

  • لإنشاء وتعيين فئة مخصصة:

    • انقر فوق العقدة التي تريد تصنيفها ، اضغط F4 لفتح الإطار خصائص اكتب اسم الفئة في العقدة التي الخاصية فئة جديدة واضغط ENTER .

    -أو-

    1. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق DGML عرض.

      Visual Studio فتح ملف .dgml الرسم البياني ويقوم بتمييز العنصر<Node/> للحصول على هذه العقدة.

    2. في <Node/> عنصر إضافة سمة Category لتعيين اسم الفئة. فعلى سبيل المثال:

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

    3. إضافة <Category/> العنصر <Categories> المقطع بحيث يمكنك استخدام Label لتحديد نص العرض لهذه الفئة:

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

لتعيين فئة لعقدة

  1. في رسم بياني, حرك مؤشر الماوس عبر ارتباط إظهار تلميح الأداة و لتعريف عقدة المصدر والعقدة الهدف من الارتباط.

  2. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق عرض DGML.

    Visual Studio فتح ملف الرسم البياني .dgml .

  3. البحث عن العنصر <Link/> الذي يحتوي على كلا من أسماء عقدة المصدر والعقدة الهدف.

  4. في <Link/> عنصر إضافة سمة Category لتعيين اسم الفئة. فعلى سبيل المثال:

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

  5. إضافة <Category/> العنصر <Categories> المقطع بحيث يمكنك استخدام Label لتحديد نص العرض لهذه الفئة:

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

يمكنك إنشاء تسلسل هرمي لمساعدتك في تنظيم العقد وإضافة سمات للفئات التابعة باستخدام الوراثة.

لإنشاء فئات ذات تسلسل هرمي

  • إضافة <Category/> عنصر فئة الأصل ثم قم بإضافة سمة الفئة BasedOn التابعة للعنصر <Category/> .

    فعلى سبيل المثال:

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

    في هذا المثال، الخلفية MyFirstNode هو الأخضر لأن به سمة Category ترث سمة Background من MyParentCategory.

مراجع إضافة العنصر للعقد

يمكنك ربط عناصر مثل مستندات أو محددات مواقع المعلومات URL بعقدة بواسطة إضافة Referenceسمة إلى <Node/>العنصر لهذه العقدة في ملف.dgml الخاص بالرسم البياني. Referenceتحدد سمة مسار الذي محتوى. يمكن أن يكون هذا مسار نسبي لموقع الملف .dgml أو المسار المطلق. يمكنك عندها فتح و عرض هذا المحتوى من تلك العقدة تشغيل الرسم البياني. فعلى سبيل المثال:

  • قد اقتران URL عنصر عمل مستند أو ملف آخر .dgml للعقدة لفئة لوصف التغييرات إلى تلك الفئة.

  • قد إقران رسم تخطيطي طبقة لعقدة المجموعة يمثل طبقة في الهندسة المنطقية للبرنامج.

  • قد إقران رسم تخطيطي للمكونات مع عقدة واجهة لإظهار مزيد من المعلومات حول المكون الذي يعرض تلك الواجهة.

  • ربط عقدة عنصر العمل Team Foundation Server أو خطأ أو بعض المعلومات الأخرى المتعلقة بالعقدة.

لإضافة علامة إلى عنصر:

  1. انقر علي اليمين فوق سطح الرسم البياني ثم انقر فوق DGML عرض.

    Visual Studio فتح ملف .dgml الرسم البياني ويقوم بتمييز العنصر<Node/> للحصول على هذه العقدة.

  2. قم بتنفيذ أحد المهام التالية:

    لإضافة

    اتبع الخطوات التالية

    مرجع واحد على عقدة ما

    • في العنصر <Node/> إضافة السمة Reference لتعيين اسم الفئة.

      ملاحظةملاحظة
      يمكن أن يكون لديك سمة واحدة فقط Reference لكل عنصر <Node/>.

    فعلى سبيل المثال:

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

    مراجع متعددة على عقدة

    1. في عنصر <Node/> بإضافة كمبيوتر لتحديد موقع كل مرجع.

    2. في المقطع <Properties> :

      1. إضافة عنصر <Property/> لكل نوع جديد من مرجع.

      2. تعيين سمة Id إلي مرجع جديد.

      3. إضافة السمة IsReference وقم بتعيينها إلي True لجعل مرجع تظهر على العقدة الانتقال إلى في القائمة المختصرة.

      4. استخدام السمة Label لتحديد نص العرض على العقدة التي القائمة المختصرة الانتقال إلى .

    فعلى سبيل المثال:

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

    علي الرسم البياني ، يظهر اسم العقدة المسطر.

  3. استخدام السمة ReferenceTemplate لتحديد سلسلة شائعة مثل URL المستخدمة من قبل مراجع متعددة بدلاً من تكرار هذه السلسلة في مرجع.

    ReferenceTemplate تحدد سمة عنصر نائب لقيمة من مرجع. في المثال التالي {0} العنصر النائب في السمة ReferenceTemplate سيتم استبدال القيم MyFirstReference و MySecondReference سمات في <Node/> عنصر لإنتاج مسار كامل:

    <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. نفّذ إحدى المهام التالية لعرض العنصر المشار إليه:

    لعرض إخراج البرنامج المستند إلى

    نفذ المهمة التالية:

    العنصر المشار إليه

    انقر نقرًا مزدوجًا فوق الخدمة، ثم انقر فوق

    -أو-

    Right-click the node, point to Goto, and then clickthe reference.

    عدة عناصر مشار إليها

    انقر نقراً مزدوجاً فوق العقدة، وأشر إلى الانتقال إلى، و ثم انقر فوق مرجع.

    ملاحظة

    يجب أن يتواجد عنصر المشار إليه أو عناصر موجودة لك لعرضها.

إنشاء أسماء مستعارة للمسارات المستخدمة الأكثر

استبدال المسارات المستخدمة بشكل عام بأسماء مستعارة يساعدك في تقليل الحجم.dgml ملف والوقت المطلوب لتحميل أو حفظ ملف. لإنشاء اسم مستعار، قم بإضافة <Paths></Paths>مقطع إلى إنهاء.dgml ملف. في هذا القسم، قم بإضافة <Path/>عنصر إلى تعريف مستعار للمسار:

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

للرجوع إلى اسم مستعار من عنصر في الملف.dgml، قم بإحاطة Idالقيمة <Path/>عنصر بالدولار ($) و الأقواس (()):

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

فهم موجهة لغة توصيف Graph (DGML)

يستخدم DGML XML بسيطة إلى وصف الرسوم البيانية موجه متقلب و "اللاحلقي". رسم بياني موجه عبارة عن التعيين من العقد المتصلة ب الارتباطات، أو الحواف. يمكن أن يكون العقد وارتباطات بنية الشبكة المستخدمة لتمثيل، مثل كـ عناصر في مشروع برنامج. استخدم DGML إلى تمثيل معلومات القيام بتحليل التعقيد، أو مجرد استعراض وتحرير الرسومات موجه.

عقد و تسمى ارتباطات عناصر الرسم أو عناصر فقط. يصف الجدول التالي أنواع العناصر التي يتم استخدامها في DGML:

ملاحظة

عندما تقوم بتحرير ملف.dgml، خاصية التحسس الذكي يساعدك في التعرف على السمات متوفر لكل عنصر وقيمها. لتعيين الألوان في سمة، استخدام أسماء للألوان عام، مثل "ازرق"، أو قيم الست عشرية ARGB، مثل "# ffa0b1c3". يستخدم DGML مجموعة فرعية صغيرة من التنسيقات تعريف الألوان "البنية الأساسية لبرامج" العروض التقديمية Windows (WPF). ل المزيد من المعلومات، راجع فئة الألوان.

العنصر

مثال تنسيق

<DirectedGraph></DirectedGraph>

وهذا عنصر هو الجذر عنصر مستند (.dgml) موجه للرسم البياني. تظهر الجميع عناصر غير ذلك DGML ضمن نطاق هذا العنصر.

يلي قائمة يصف السمات الاختيارية التي يمكنك تضمينها:

  • Background-اللون الخلفية الرسم البياني

  • BackgroundImage-الموقع ملف صورة إلى استخدامه كخلفية الرسم البياني.

  • ButterflyMode- IfTrue، عرض فقط تلك المرتبطة بالعقد الموجودة تشغيل نفس مسار كـ العقد المحدد. في حالة تحديد لم العقد الرسم البياني تحديد لوحة الوصل الأساسية.

    ملاحظةملاحظة
    لا تظهر الارتباطات دائرية في هذا الوضع.بدلاً من ذلك، يتم نسخ العقد يشارك في علاقات دائري بحيث تظهر على كل من وجهي العقد المحدد.التبعيات التي لها أكثر من مستوى واحد من العقدة المحددة بالضرورة يظهر في ترتيب وذلك تخطيط الرسم البياني استناداً إلى المسار الأقصر من العقدة المحددة.

    لمزيد من المعلومات، راجع كيفية القيام بما يلي: استعرض و نقل مستندات الرسم البياني.

  • GraphDirection-عند الرسم البياني هو معينة إلى تخطيط شجرة ( Sugiyama)، ترتيب العقد بحيث يتدفق معظم الارتباطات في الاتجاه المحدد: TopToBottom;BottomToTop أو LeftToRight,RightToLeft لمزيد من المعلومات، راجع كيفية القيام بما يلي: استعرض و نقل مستندات الرسم البياني.

  • Layout-تعيين الرسم البياني إلى التخطيطات التالية: None,Sugiyama(تخطيط شجرة)،ForceDirected(quick clusters)، أوDependencyMatrix. لمزيد من المعلومات، راجع كيفية القيام بما يلي: استعرض و نقل مستندات الرسم البياني.

  • NeighborhoodDistance-عند الرسم البياني هو تخطيط شجرة أو تخطيط كتل سريعة، تظهر العقد التي عدد معين (1-7) فقط من الارتباطات من العقد المحدد. لمزيد من المعلومات، راجع كيفية القيام بما يلي: استعرض و نقل مستندات الرسم البياني.

  • Title-اسم الرسم البياني

  • ZoomLevel-استخدام المستوى يكبّر إلى عرض الرسم البياني بشكل مبدئي. تحديد فاصلة عائمة أشر القيمة الموقع 1 هو 100%، أو Fitلملاءمة الرسم إلى الحجم الإطار.

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

<Nodes></Nodes>

هذا عنصر اختياري يحتوي تشغيل قائمة <Node/>عناصر، والتي تعرف بالعقد الموجودة تشغيل الرسم البياني. ل المزيد المعلومات، انظر في <Node/>العنصر.

ملاحظةملاحظة
عند الرجوع إلى عقدة غير معرّف في <Link/>عنصر، بإنشاء الرسم البياني <Node/>العنصر تلقائياً. 
<?xml version="1.0" encoding="utf-8"?>
<DirectedGraph Title="DrivingTest" xmlns="https://schemas.microsoft.com/vs/2009/dgml">
   <Nodes>
      <Node ... />
   </Nodes>
   <Links>
      <Link ... />
   </Links>
</DirectedGraph>

<Node/>

وهذا عنصر يعرف عقدة واحدة. يظهر داخل <Nodes><Nodes/>عنصر قائمة.

وهذا عنصر يجب أن تتضمن السمات التالية:

  • Id-اسم فريد للعقدة والالقيمة الافتراضيةLabelسمة، وإذا لم منفصلةLabelالسمة هو المعين. يجب أن يتطابق مع هذا الاسم في Sourceأو Targetالسمة الخاصة ارتباط التي يرجع it.

يلي قائمة وصف بعض السمات الاختيارية التي يمكنك تضمينها:

  • Label-اسم عرض عقدة

  • السمات النمط. لمزيد من المعلومات، راجع " تطبيق أنماط مخصصة للعقد و الارتباطات".

  • Category-اسم فئة الذي يحدد العناصر التي يجعله مشتركًا هذه السمة. ل المزيد المعلومات، انظر في <Category/>العنصر.

  • Property-اسم خاصية التي تعرف عناصر التي لها نفس قيمة الخاصية. ل المزيد المعلومات، انظر في <Property/>العنصر.

  • Group-إذا كان عقدة يحتوي على آخر عقدة s، قم بتعيين هذه السمة إلىExpandedorCollapsedلإظهار أو إخفاء المحتويات الخاصة بها. يجب أن يكون هناك <Link/>العنصر الذي يتضمن Category="Contains"السمة وتعيين عقدة أصل المصدر العقدة والعقد التابعة كالعقدة الهدف. ل المزيد من المعلومات، راجع تنظيم عقد في مجموعات.

  • Visibility-التعيين هذه السمة إلىVisible,Hidden, أوCollapsed. UsesSystem.Windows.Visibility. ل المزيد من المعلومات، راجع إخفاء أو إظهار العقد.

  • Reference-تعيين هذه السمة إلى مستند أو URL. ل المزيد من المعلومات، راجع إضافة مراجع إلى عناصر من العقد أو الارتباطات.

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

<Links></Links>

هذا العنصر يحتوي على قائمة <Link>عناصر، تعريف الارتباطات بين العقد. ل المزيد المعلومات، انظر في <Link/>العنصر.

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

<Link/>

هذا العنصر بتعريف ارتباط مفرد يصل عقدة مصدر إلى عقدة هدف. يظهر داخل <Links></Links>عنصر قائمة.

ملاحظةملاحظة
إذا كان هذا عنصر مراجع عقدة غير معرّف مستند الرسم البياني تلقائياً بإنشاء عقدة يحتوي على السمات معينة، أن وجدت.

وهذا عنصر يجب أن تتضمن السمات التالية:

  • Source-عقده المصدر من ارتباط

  • Target-العقدة الهدف من ارتباط

يلي قائمة وصف بعض السمات الاختيارية التي يمكنك تضمينها:

  • Label-اسم عرض للارتباط

  • السمات النمط. لمزيد من المعلومات، راجع " تطبيق أنماط مخصصة للعقد و الارتباطات".

  • Category-اسم فئة الذي يحدد العناصر التي يجعله مشتركًا هذه السمة. ل المزيد المعلومات، انظر في <Category/>العنصر.

  • Property-اسم خاصية التي تعرف عناصر التي لها نفس قيمة الخاصية. ل المزيد المعلومات، انظر في <Property/>العنصر.

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

<Categories></Categories>

يحتوي هذا العنصر على القائمة <Category/>عناصر. ل المزيد المعلومات، انظر في <Category/>العنصر.

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

<Category/>

Th هو يعرف عنصر Categoryالسمة، الذي هو المستخدم لتحديد العناصر التي تشترك في ترتيب هو السمة. Categoryيمكن استخدام السمة إلى تنظيم عناصر الرسم البياني للسمات المشتركة من خلال توريث أو تعريف بيانات التعريف الإضافية.

وهذا عنصر يجب أن تتضمن السمات التالية:

  • Id-اسم فئة فريداً و القيمة الافتراضيةLabelسمة، وإذا لم منفصلةLabelتحديد سمة.

يلي قائمة وصف بعض السمات الاختيارية التي يمكنك تضمينها:

  • Label-اسم القارئ المألوف للفئة.

  • BasedOn-فئة الأصل منها<Category/>الحالي عنصر يرث.

    في المثال لهذا العنصر، FailedTestترث فئة الخاصة به Strokeالسمة من PassedTestفئة. للحصول على مزيد من المعلومات، راجع "لإنشاء هرمى الفئات" في "تعيين فئات" للعقد و الارتباطات .

فئات أيضا بتوفير بعض سلوك قالب أساسى التي تتحكم بمظهر العقد وارتباطات عند عرضها في الرسم بياني. لمزيد من المعلومات، راجع " تطبيق أنماط مخصصة للعقد و الارتباطات".

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

<Properties></Properties>

يحتوي هذا العنصر على القائمة <Property/>عناصر. ل المزيد المعلومات، انظر في <Property/>العنصر.

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

<Property/>

يعرف هذا العنصر Propertyالسمات التي يمكنك استخدامها لتعيين القيمة لأي عنصر DGML أو سمة، بما في ذلك الفئات و غير ذلك الخصائص.

وهذا عنصر يجب أن تتضمن السمات التالية:

  • Id-اسم فريد للخاصية والقيمة الافتراضيةLabelسمة، وإذا لم منفصلةLabelالسمة هو المعين.

  • DataType-تخزين نوع بيانات بواسطة خاصية

إذا كنت تريد خاصية إلى تظهر في الإطار خصائص ، استخدم Labelخاصية إلى تعيين اسم عرض للخاصية.

للحصول على مزيد من المعلومات، راجع "تعيين خصائص" إلى العقد وارتباطات .

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

راجع أيضًا:

المبادئ

كيفية القيام بما يلي: توليد رسم بياني مستندات من تعليمات برمجية

موارد أخرى

كيفية القيام بما يلي: استعرض و نقل مستندات الرسم البياني

كيفية القيام بما يلي: استكشاف التعليمات البرمجية باستخدام رسومات التبعية