الإرشادات التفصيلية: ترتيب محتوى WPF تشغيل النماذج Windows في وقت التصميم
توضح هذه معاينة كيفية إلى استخدام ميزات التخطيط نماذج Windows، مثل anchoring و snaplines، إلى ترتيب عناصر التحكم في "البنية الأساسية لبرامج" العروض التقديمية Windows (WPF).
في هذه الإرشادات التفصيلية, تؤدى المهام التالية:
إنشىء المشروع.
إنشاء تحكم WPF .
مضيف WPF عناصر التحكم في لوحة تخطيط.
استخدم snaplines إلى محاذاة عناصر التحكم WPF.
ارتساء و مرسى WPF عناصر التحكم.
ملاحظة
قد تختلف مربعات الحوار وأوامر القائمة التى تشاهدها الان عن تلك الموصوفة في التعليمات اعتماداً على الإعدادات النشطة أو الإصدار الخاص بك. لتغيير الإعدادات الخاصة بك, اختر إعدادات الاستيراد و التصدير ضمن القائمة أدوات . لمزيد من المعلومات، راجع العمل مع إعدادات.
المتطلبات الأساسية
تحتاج إلى المكونات التالية لاستكمال هذه الإرشادات التفصيلية:
- Visual Studio 2010.
إنشاء المشروع
الخطوة الأولى هو لإنشاء مشروع Windows Forms.
ملاحظة
عندما يستضيف WPF محتوى، يتم اعتماد المشاريع C# و Visual أساسى.
لإنشاء المشروع
- إنشاء يسمى مشروع تطبيق Windows Forms جديد في Visual أساسى أو Visual C# من ArrangeElementHost. لمزيد من المعلومات، راجع كيفية القيام بما يلي: إنشاء مشروع تطبيقات Windows.
إنشاء WPF عنصر تحكم
بعد إضافة عنصر تحكم WPF إلى مشروع، يمكنك ترتيبها به في النموذج.
لإنشاء WPF عناصر التحكم
إضافة جديد WPF UserControlإلى مشروع. استخدام الاسم الافتراضي عنصر تحكم اكتب UserControl1.xaml. لمزيد من المعلومات، راجع الإرشادات التفصيلية: قم بإنشاء محتوى WPF جديد في Windows Forms في وقت التصميم.
في عرض "تصميم"، تأكد من أن UserControl1هو المحدد. لمزيد من المعلومات، راجع كيفية: حدد "و" تحريك العناصر على سطح التصميم.
في الإطار خصائص التعيين القيمة Widthو Heightالخصائص إلى 200 .
التعيين القيمة Backgroundخاصية إلى أزرق .
إنشاء المشروع.
استضافة WPF عناصر التحكم في لوحة تخطيط
يمكنك استخدام WPF عناصر التحكم في تخطيط لوحات بنفس طريقة استخدام نماذج إطارات غير ذلك عناصر التحكم.
مضيف WPF عناصر التحكم في لوحة تخطيط
افتح Form1 في مصمم Windows Forms .
في من مربع الأدوات، اسحب TableLayoutPanelعنصر تحكم إلى النموذج.
في TableLayoutPanelعنصر تحكم للوحة العلامات ذكى، تحديد "إزالة آخر" صف.
تغيير حجم TableLayoutPanelعنصر تحكم بقعة صغيرة عرض وارتفاع.
في من مربع الأدوات، انقر نقراً مزدوجاً فوق UserControl1إنشاء مثيل ل UserControl1في خلية الأولى TableLayoutPanelعنصر تحكم.
المثيل UserControl1هو التي تتم استضافتها في جديد ElementHostعنصر التحكم المسمى elementHost1.
في من مربع الأدوات، انقر نقراً مزدوجاً فوق UserControl1لإنشاء مثيل آخر في خلية ثانية TableLayoutPanelعنصر تحكم.
في مخطط مستند نافذة، تحديد tableLayoutPanel1. لمزيد من المعلومات، راجع نافذة المخطط التفصيلي للمستند.
في الإطار خصائص التعيين القيمة Paddingخاصية إلى 10، 10، 10، 10 .
كلا ElementHostيتم مغٍِير حجمها عناصر التحكم إلى أن تحتويها إلى التخطيط الجديد.
استخدام Snaplines إلى محاذاة عناصر التحكم WPF
تمكين Snaplines سهلة محاذاة عناصر التحكم الموجودة في نموذج. يمكنك استخدام snaplines إلى محاذاة عناصر التحكم WPF أيضا. لمزيد من المعلومات، راجع الإرشادات التفصيلية: ترتيب عناصر التحكم في النماذج Windows استخدام Snaplines.
إلى استخدام snaplines إلى محاذاة عناصر التحكم WPF
من من مربع الأدوات، اسحب مثيل UserControl1إلى النموذج ثم ضعه في المساحة الموجودة أسفل TableLayoutPanelعنصر تحكم.
المثيل UserControl1هو التي تتم استضافتها في جديد ElementHostعنصر التحكم المسمى elementHost3.
قم باستخدام snaplines، بمحاذاة الحافة اليمنى ل elementHost3بالحافة اليمنى ل TableLayoutPanelعنصر تحكم.
قم باستخدام snaplines، الحجم elementHost3بنفس عرض TableLayoutPanelعنصر تحكم.
تحريك elementHost3نحو TableLayoutPanelعنصر تحكم حتى يظهر دليل محاذاة الكائنات وسط بين عنصر تحكم s.
في الإطار خصائص التعيين القيمة خاصية الهوامش إلى 20، 20، 20، 20 .
بنقل elementHost3بعيداً عن TableLayoutPanelعنصر تحكم حتى دليل محاذاة الكائنات الوسط يظهر مرة أخرى. يشير دليل محاذاة الكائنات الوسط الآن هامش 20.
تحريك elementHost3إلى يساراً، حتى حافته اليسرى محاذاته بالحافة اليمنى ل elementHost1.
تغيير العرض elementHost3حتى به يمين بمحاذاة الحافة مع يمين حافة elementHost2.
anchoring و الإرساء WPF عناصر التحكم
يتضمن عنصر تحكم WPF استضافتها تشغيل نموذج anchoring نفسه وإرساء سلوك كنماذج Windows الأخرى عناصر التحكم.
إلى ارتساء و إرساء عناصر WPF
حدد elementHost1.
في الإطار خصائص ، قم بتعيين Anchorخاصية إلى أعلى، يمين يسار، أسفل، .
تغيير حجم TableLayoutPanelعنصر تحكم بحجم بقعة صغيرة.
elementHost1عنصر تحكم resizes لتعبئة خلية.
حدد elementHost2.
في نافذة الخصائص، قم بتعيين القيمة Dock خاصية إلى Fill .
elementHost2عنصر تحكم resizes لتعبئة خلية.
حدد عنصر التحكم TableLayoutPanel.
حدد elementHost3.
قم بتعيين القيمة الخاصة به Dockخاصية إلى Fill.
elementHost3التحكم resizes إلى لتملأ المساحة المتبقية تشغيل النموذج.
تغيير الحجم النموذج.
ثلاثة الجميع ElementHostتغيير حجم عناصر التحكم بشكل مناسب.
لمزيد من المعلومات، راجع كيفية القيام بما يلي: ربط و إرساء عناصر التحكم التابعة في عنصر تحكم TableLayoutPanel.
راجع أيضًا:
المهام
كيفية القيام بما يلي: ربط و إرساء عناصر التحكم التابعة في عنصر تحكم TableLayoutPanel
كيفية: محاذاة عنصر تحكم إلى حواف النماذج في وقت التصميم
الإرشادات التفصيلية: ترتيب عناصر التحكم في النماذج Windows استخدام Snaplines