الإرشادات التفصيلية: ترتيب عناصر التحكم على النماذج Windows باستخدام لوحة تخطيط تدفق

تتطلب بعض التطبيقات نموذج يحتوي على تخطيط مناسب يرتب نفسه كالنموذج هو مغٍِير حجمهاه أو مغٍِير حجمهاها كمحتوى. عندما تحتاج تخطيط ديناميكية وكنت لا تريد إلى معالجة Layoutالأحداث بوضوح في تعليمات برمجية الخاصة بك، استخدم لوحة التخطيط.

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

TableLayoutPanelترتيب به المحتويات في شبكة، وتوفير وظيفة مشابهة لعنصر HTML <جدول>. خلايا بها مرتبة في صفوف و الأعمدة، و هذه يمكن أن يحتوي على أحجام مختلفة. لمزيد من المعلومات، راجع الإرشادات التفصيلية: ترتيب عناصر التحكم على Windows Forms باستخدام لوحة تخطيط الجدول.

FlowLayoutPanelمحتوياته بترتيب في اتجاه تدفق معين: أفقي أو عمودي. يمكن لمحتوياته أن تُغطى من صف إلى آخر, أو من عمود إلى آخر. بشكل بديل، يمكن لمحتوياته أن تُقص بدلا من أن تُلف. تتضمن المهام الموضحة في هذه الإرشادات التفصيلية ما يلي:

• إنشاء مشروع Windows Forms

• ترتيب عناصر التحكم أفقياً و عمودياً

• تغيير الاتجاه التدفق

• إدراج فواصل تدفق

• ترتيب عناصر التحكم باستخدام ترك مساحة "و" هوامش

• إدراج عناصر التحكم ب مزدوج-clicking عليها في مربع الأدوات

• إدراج عنصر تحكم برسم مخطط تفصيلي الخاص

• إدراج عناصر التحكم باستخدام الإقحام

• إعادة تعيين عناصر التحكم موجود إلى أصل مختلفة

عندما تنتهي من ذلك، يجب التعرف على الدور الذي تؤديه هذه الميزات الهامة للتخطيط.

ملاحظة

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

إنشاء المشروع

الخطوة الأولى هو لإنشاء مشروع وإعداد النموذج.

لإنشاء المشروع

1. قم بإنشاء مشروع تطبيق يستند إلى Windows وتسمى "FlowLayoutPanelExample". لمزيد من المعلومات، راجع كيفية القيام بما يلي: إنشاء مشروع تطبيقات Windows.

2. تحديد نموذج في نموذج s مصمم .

ترتيب عناصر التحكم أفقياً و عمودياً

FlowLayoutPanelعنصر التحكم يسمح لك إلى وضع عناصر التحكم عبر صفوف أو أعمدة دون مطالبتك إلى دقة تحديد موضع كل عنصر تحكم فردية.

FlowLayoutPanelعنصر تحكم يمكن تغيير حجمها أو reflow عنصر تحكم s التابعة لها مثل الأبعاد لتغيير النموذج الأصل.

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

1. بسحب FlowLayoutPanelعنصر تحكم من مربع أدوات التحكم على النموذج الخاص بك.

2. بسحب Buttonعنصر تحكم من مربع أدوات التحكم في FlowLayoutPanel. لاحظ أنه هو نقلها تلقائياً إلى الزاوية اليسرى العليا من FlowLayoutPanelعنصر التحكم.

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

4. قم بسحب مزيد من عدة Buttonعناصر التحكم من مربع أدوات التحكم في FlowLayoutPanel. متابعة وضع Buttonعناصر التحكم إلى أن واحد يلتف إلى الصف التالي.

5. في عنصر تحكم FlowLayoutPanel قم بتغيير قيمة الخاصية WrapContents الخاصة به إلى false. لاحظ أن فرع عناصر التحكم بالتدفق لم يعد إلى الصف التالي. بدلاً من ذلك، نقل إلى أول صف والمقطوعة.

6. في عنصر تحكم FlowLayoutPanel قم بتغيير قيمة الخاصية WrapContents الخاصة به إلى true. ملاحظة أن الطفل يتحكم مرة أخرى الالتفاف إلى التالي صف.

7. إنقاص عرض من FlowLayoutPanelعنصر التحكم إلى أن كافة Buttonيتم نقل عناصر التحكم في العمود أول.

8. زيادة العرض FlowLayoutPanelعنصر التحكم إلى أن كل Buttonيتم نقل عناصر التحكم في الصف أول. قد تحتاج إلى تغيير حجم النموذج الخاص بك لملائمة عرض أكبر.

تغيير الاتجاه التدفق

FlowDirectionخاصية تسمح لك بتغيير الاتجاه ترتيب عناصر التحكم. يمكنك ترتيب التابع عناصر التحكم اليسار لليمين أو من اليمين يسار، من الأعلى إلى أسفل أو من الأسفل إلى أعلى.

إلى تغيير الاتجاه التدفق في لوحة تخطيط تدفق

1. في عنصر تحكم FlowLayoutPanel قم بتغيير قيمة الخاصية FlowDirection الخاصة به إلى TopDown. لاحظ إعادة ترتيبها عنصر تحكم s التابع في عمود واحد أو أكثر، استناداً في الارتفاع عنصر تحكم.

2. تغيير حجم FlowLayoutPanelحتى ارتفاع به هو أقصر من العمود Buttonعناصر التحكم. لاحظ أن FlowLayoutPanelإعادة ترتيب عناصر التحكم التابعة إلى التدفق في إلى العمود التالي. الاستمرار في تخفيض الارتفاع ولاحظ أن الطفل عناصر التحكم تدفق إلى أعمدة متتالية. في عنصر تحكم FlowLayoutPanel قم بتغيير قيمة الخاصية FlowDirection الخاصة به إلى RightToLeft. لاحظ أن المواضع الخاصة فرع يتم عكس عناصر التحكم. مراقبة التخطيط عند تغيير القيمة FlowDirectionخاصية إلى BottomUp.

إدراج فواصل تدفق

FlowLayoutPanelعنصر تحكم توفر خاصية FlowBreak إلى عنصر تحكم s. التابعة لها يؤدي تعيين القيمة خاصية FlowBreak إلى trueيؤدي FlowLayoutPanelعنصر تحكم عن تخطيط عنصر تحكم s في الاتجاه التدفق الحالي والتفاف على التالي الصف أو العمود.

إلى إدراج فواصل تدفق

1. في عنصر تحكم FlowLayoutPanel قم بتغيير قيمة الخاصية FlowDirection الخاصة به إلى TopDown.

2. تحديد واحد Buttonعناصر التحكم في منتصف أقصى اليمين عمود.

3. قم بتعيين القيمة Buttonعنصر تحكم الخاص بخاصية FlowBreak true. لاحظ أن العمود هو المقطوعة وعناصر التحكم التالية المحددة Buttonتدفق عناصر التحكم في العمود التالي. قم بتعيين الالقيمة Buttonعنصر تحكم الخاص بخاصية FlowBreak falseللرجوع إلى سلوك الأصلي.

موضع الإرساء و Anchoring باستخدام عناصر التحكم

إرساء والسلوكيات المحبوب anchoring عناصر التحكم تختلف عن السلوك في حاوية غير ذلك عناصر التحكم. إرساء و anchoring نسبة إلى عنصر تحكم الأكبر في الاتجاه التدفق.

إلى مواضع عناصر التحكم باستخدام الإرساء و anchoring

1. زيادة الحجم FlowLayoutPanelحتى Buttonعناصر التحكم الجميع مرتبة في أعمدة.

2. تحديد أعلى Buttonعنصر تحكم. قم بزيادة عرض الخاص به حيث أنه هو حول مرتين كما كبيرة كأخرى Buttonعناصر التحكم.

3. تحديد الثاني Buttonعنصر تحكم. قم بتغيير القيمة الخاصة به Anchorخاصية إلى Right. لاحظ أنه يتم نقله حيث يتم محاذاة الحدود اليمنى الخاصة به مع أول Buttonلعنصر التحكم يمين الحدود.

4. تغيير قيمة له Anchorخاصية إلى Rightو Left. لاحظ أنه هو حجم الرسالة بنفس العرض كأول Buttonعنصر التحكم.

5. تحديد على ثالث Buttonعنصر تحكم. قم بتغيير القيمة الخاصة به Dockخاصية إلى Fill. لاحظ أنه هو حجم الرسالة بنفس العرض كأول Buttonعنصر التحكم.

ترتيب عناصر التحكم باستخدام ترك مساحة "و" هوامش

يمكنك أيضا ترتيب عنصر تحكم s في الخاص بك FlowLayoutPanelعنصر تحكم بواسطة تغيير Paddingو Marginالخصائص.

Paddingخاصية إمكانية عنصر تحكم موضع عنصر تحكم s داخل FlowLayoutPanelعنصر تحكم للخلية. تحدد المسافة بين التابعة عنصر تحكم s و FlowLayoutPanelعنصر تحكم للحدود.

Marginخاصية إمكانية عنصر تحكم تباعد بين عنصر تحكم s.

إلى ترتيب عناصر التحكم باستخدام خصائص ترك مساحة وهامش

1. في عنصر تحكم FlowLayoutPanel قم بتغيير قيمة الخاصية Dock الخاصة به إلى Fill. إذا كان النموذج الخاص بك هو كبيرة بالقدر الكافي، Buttonسيتم نقل عناصر التحكم في العمود أول من FlowLayoutPanelعنصر التحكم.

2. تغيير القيمة FlowLayoutPanelعنصر تحكم ل Paddingخاصية بواسطة توسيع Paddingالإدخال في نافذة خصائص وتعيين Allخاصية إلى 20. لمزيد من المعلومات، راجع الإرشادات التفصيلية: تنسيق إخراج عناصر تحكم النماذج Windows مع ترك مساحة، هوامش، و الخاصية حجم تلقائي. لاحظ أنه يتم نقل التابع عنصر تحكم s نحو الوسط FlowLayoutPanelعنصر تحكم. زيادة القيمة Paddingيدفع الخاصية التابعة عنصر تحكم s بعيداً عن FlowLayoutPanelعنصر تحكم للحدود.

3. تحديد الجميع Buttonعناصر التحكم في FlowLayoutPanelثم قم بتعيين القيمة Marginخاصية 20. لاحظ أن تباعد بين Buttonعناصر التحكم تزداد، لذا فإنها تنتقل أيضا عن بعضها البعض. قد تحتاج إلى تغيير حجم FlowLayoutPanelعنصر تحكم لتكون بقعة صغيرة لمشاهدة الجميع التابعة عنصر تحكم s.

إدراج عناصر التحكم ب مزدوج-clicking عليها في مربع الأدوات

يمكنك ملء الخاص بك FlowLayoutPanelعنصر تحكم بالنقر نقراً مزدوجاً فوق عنصر تحكم s في من مربع الأدوات.

لإدراج عناصر التحكم بالنقر المزدوج فوق في مربع أدوات التحكم

1. انقر نقراً مزدوجاً فوق Buttonعنصر تحكم رمز في من مربع الأدوات. لاحظ أن جديد Buttonعنصر تحكم تظهر في FlowLayoutPanelعنصر تحكم.

2. انقر نقراً مزدوجاً فوق أكثر عدة عناصر التحكم في من مربع الأدوات. لاحظ أن تظهر جديدة عنصر تحكم s المتتالي في FlowLayoutPanelعنصر تحكم.

إدراج عنصر تحكم برسم مخطط تفصيلي الخاص

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

إدراج عنصر تحكم برسم مخطط تفصيلي لها

1. في من مربع الأدوات، انقر فوق Buttonعنصر تحكم رمز. قم بسحبه لا إلى النموذج.

2. قم بتحريك مؤشر ماوس فوق FlowLayoutPanelعنصر تحكم. لاحظ أن يتغير المؤشر إلى الشعيرات المتصالبة مع Buttonعنصر تحكم رمز المرفق.

3. انقر فوق و اضغط على زر ماوس.

4. اسحب مؤشر ماوس لرسم حدود Buttonعنصر تحكم. عندما تكون راضيا عن الحجم، يطرح المنتج زر ماوس. لاحظ أن Buttonعنصر تحكم يتم إنشاؤه في التالي فتح الموقع FlowLayoutPanelعنصر تحكم.

إدراج عناصر التحكم باستخدام شريط الإدراج

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

إلى إدراج عنصر تحكم باستخدام الإقحام

1. بسحب Buttonعنصر تحكم من مربع أدوات التحكم في FlowLayoutPanelعنصر تحكم وقم بالإشارة في المسافة بين Buttonعنصر تحكم s. Note that an insertion bar is drawn, indicating where the Button will be placed when it is dropped into theFlowLayoutPanel control. قبل إيقاع جديد Buttonالتحكم في FlowLayoutPanelعنصر التحكم، تحريك مؤشر ماوس لمشاهدة كيفية حجز الإدراج تحريك s. حول

2. قم بإفلات جديد Buttonعنصر تحكم إلى FlowLayoutPanelعنصر تحكم. لاحظ أن جديد Buttonعنصر التحكم هو لا تتم محاذاة مع الآخرين، لأن به Marginتحتوي خاصية على القيمة مختلفة.

إعادة تعيين عناصر التحكم موجود إلى أصل مختلفة

يمكنك تعيين عنصر تحكم s الموجودة على النموذج الخاص بك إلى جديد FlowLayoutPanelعنصر تحكم.

إلى reparent عناصر التحكم موجود

1. ايسحب ثلاثة Buttonعناصر التحكم من مربع أدوات التحكم إلى النموذج. موضعها قريب إلى بعضها البعض، لكن مع ترك الرسائل unaligned.

2. في من مربع الأدوات، انقر فوق FlowLayoutPanelعنصر تحكم رمز. قم بسحبه لا إلى النموذج.

3. الانتقال مؤشر ماوس قريبة إلى لثلاثة Buttonعناصر التحكم. لاحظ أن يتغير المؤشر إلى الشعيرات المتصالبة مع FlowLayoutPanelعنصر تحكم رمز المرفق.

4. انقر فوق و اضغط على زر ماوس.

5. اسحب مؤشر ماوس لرسم حدود FlowLayoutPanelعنصر تحكم. رسم المخطط حول لثلاثة Buttonعناصر التحكم.

6. قم بترك زر الماوس. لاحظ أنه يتم إدراج ثلاثة Buttonعنصر تحكم s في FlowLayoutPanelعنصر تحكم.

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

يمكنك تحقيق تخطيطاً معقدة باستخدام تركيبة من تخطيط لوحات و عناصر التحكم. اقتراحات لمزيد من استكشاف تتضمن :

• تغيير الحجم واحد Buttonعناصر إلى الحجم بقعة صغيرة وملاحظة التأثير تشغيل تخطيط.

• يمكن أن تحتوي على تخطيط لوحات غير ذلك تخطيط لوحات. تجربة مع إسقاط عنصر TableLayoutPanelعنصر التحكم في عنصر تحكم موجود.

• مرسى FlowLayoutPanelعنصر تحكم للنموذج الأصل. تغيير حجم النموذج و لاحظ التأثير تشغيل التخطيط.

• قم بتعيين Visibleالخصائص من واحد عناصر التحكم إلى falseو ملاحظة كيفية FlowLayoutPanelreflows في الاستجابة.

راجع أيضًا:

المهام

الإرشادات التفصيلية: ترتيب عناصر التحكم على Windows Forms باستخدام لوحة تخطيط الجدول

الإرشادات التفصيلية: ترتيب عناصر التحكم على النماذج Windows استخدام Snaplines

كيفية القيام بما يلي: إرساء عناصر التحكم تشغيل Windows Forms

كيفية القيام بما يلي: الارتساء عناصر التحكم تشغيل Windows Forms

الإرشادات التفصيلية: تنسيق إخراج عناصر تحكم النماذج Windows مع ترك مساحة، هوامش، و الخاصية حجم تلقائي

المرجع

FlowLayoutPanel

TableLayoutPanel

المبادئ

نظرة عامة حول خاصية الحجم التلقائي

موارد أخرى

أسلوب عمل مستخدم Windows Microsoft Office 2010 Suite، الرسمية إرشادات للمستخدم واجهة المطورين و مصمم. Redmond, WA : اضغط Microsoft Office 2010 Suite، 1999. (USBN: 0-7356-0566-1)