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

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

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

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

TableLayoutPanelترتيب به المحتويات في شبكة، وتوفير وظيفة مشابهة لعنصر HTML <جدول>. TableLayoutPanelيسمح التحكم إلى ضع عناصر التحكم في تخطيط شبكة دون مطالبتك إلى دقة تحديد موضع كل عنصر تحكم فردية. خلايا بها مرتبة في صفوف و الأعمدة، و هذه يمكن أن يحتوي على أحجام مختلفة. يمكن دمجه خلايا عبر صفوف و أعمدة. يمكن أن تحتوي خلايا على أى شىء يمكن أن تحتوي على نموذج وتتصرف في معظم نواحي غير ذلك كـ حاويات.

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

بشكل عام، يجب عدم استخدام TableLayoutPanelعنصر تحكم كحاوية لكل تخطيط. استخدام TableLayoutPanelعناصر التحكم بتوفير إمكانيات تغيير الحجم المتناسب إلى أجزاء من التخطيط.

تتضمن المهام الموضحة في هذه الإرشادات التفصيلية ما يلي:

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

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

• تعيين خصائص الصف و العمود

• توزيع صفوف و أعمدة مع عنصر تحكم

• معالجة تلقائية لتجاوز

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

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

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

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

ملاحظة

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

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

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

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

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

2. Select the form in the Windows Forms Designer.

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

TableLayoutPanelعنصر تحكم يسمح لك بسهولة بترتيب عنصر تحكم s إلى صفوف وأعمدة.

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

1. بسحب TableLayoutPanelعنصر تحكم من مربع أدوات التحكم على النموذج الخاص بك. لاحظ أنه، افتراضياً، TableLayoutPanelعنصر تحكم يحتوي على أربع خلايا.

2. بسحب Buttonعنصر تحكم من مربع أدوات التحكم إلى TableLayoutPanelعنصر تحكم ثم قم بإفلاته في إحدى خلايا. لاحظ أن Buttonعنصر تحكم تم إنشاؤه ضمن خلية المحددة.

3. قم بسحب المزيد ثلاثة Buttonالتحكم من مربع أدوات التحكم في TableLayoutPanelالتحكم، حيث تتضمن كل خلية الزر.

4. الحصول على مؤشر تغيير الحجم عمودياً بين العمودين ونقله يسار. لاحظ أن Buttonيتم مغٍِير الحجمها عناصر التحكم الموجودة في العمود أول إلى عرض أصغر الحجماً، مع الحجم Buttonعناصر في العمود الثاني هو دون تغيير.

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

6. قم بتحريك مؤشر تغيير الحجم الأفقي لأتشغيل ولأسفل إلى مشاهدة التأثير تشغيل عناصر التحكم الموجودة في لوحة.

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

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

تعيين موضع عناصر التحكم داخل خلايا

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

2. تحديد واحد الإجراءات الأخرى Buttonعناصر التحكم. قم بتغيير القيمة الخاصة به Anchorخاصية إلى Right. لاحظ أنه هو نقله حتى حدوده الأيسر هو الحد الأيمن للخلية المجاورة. المسافة بين الحدود هو جمع Buttonعنصر تحكم ل Margin خاصية والخاص باللوحة Paddingخاصية.

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

4. تكرار الخطوتين 2 و 3 مع Topو Bottomالأنماط.

تعيين خصائص الصف و العمود

يمكنك التعيين خصائص فردية من صفوف والأعمدة باستخدام RowStylesو ColumnStylesمجموعات.

إلى تعيين خصائص الأعمدة والصفوف

1. تحديد TableLayoutPanelعنصر تحكم في مصمم Windows Forms.

2. في الإطارات خصائص ، قم بفتح ColumnStylesالمجموعة بالنقر فوق علامة القطع ( ) butإلىn التالي إلى أعمدة إدخال .

3. تحديد العمود أول و تغيير القيمة الخاصة به SizeTypeخاصية إلى AutoSize. انقر فوق ‏‏موافق إلى قبول تغيير. لاحظ أنه يتم تصغير عرض العمود أول إلى احتواء Buttonعنصر التحكم. لاحظ أيضا أنه عرض العمود هو لا يمكن تغيير حجمها.

4. في الإطار خصائص ، قم بفتح ColumnStylesمجموعة وحدد أول عمود. قم بتغيير القيمة الخاصة به SizeTypeخاصية إلى Percent. انقر فوق ‏‏موافق إلى قبول تغيير. تغيير حجم TableLayoutPanelعنصر تحكم عرض بقعة صغيرة والملاحظات التي تقوم بتوسيع عرض العمود أول. تغيير حجم TableLayoutPanelعنصر تحكم عرض أصغر وملاحظة أن يتم تغيير حجم الأزرار الموجودة في العمود أول لاحتواء خلية. لاحظ أيضا أنه عرض العمود هو يمكن تغيير حجمها.

5. في النافذة خصائص ، قم بفتح ColumnStylesمجموعة و حدد الجميع المسرودة أعمدة. قم بتعيين القيمة SizeTypeخاصية إلى كل Percent. انقر فوق ‏‏موافق إلى قبول تغيير. تكرار مع RowStylesمجموعة.

6. الحصول واحد مقابض التحجيم في الزاوية، ثم قم بتغيير عرض وارتفاع TableLayoutPanelعنصر تحكم. لاحظ أن صفوف والأعمدة يتم مغٍِير حجمهاها ك TableLayoutPanelعنصر تحكم لمغٍِير حجمها. التغييرات لاحظ أيضا أن صفوف و الأعمدة إمكانية تغيير حجم مع الأفقي و hوles تغيير الحجم عمودياً.

توزيع صفوف و أعمدة مع عنصر تحكم

TableLayoutPanelعنصر تحكم إضافة خصائص جديدة متعددة عنصر تحكم s في وقت التصميم. الثاني من هذه خصائص RowSpanو ColumnSpan. يمكنك استخدام هذه الخصائص إلى تمتد جعل عنصر تحكم إلى صف أو عمود واحد أو أكثر.

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

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

2. في الإطارات خصائص ، قم بتغيير القيمة ColumnSpanخاصية إلى 2. لاحظ أن Buttonعنصر تحكم بتعبئة العمود أول وفي العمود الثاني. أيضا ملاحظة من تمت الإضافة صف إضافي إلى التوافق مع هذا تغيير.

3. كرر الخطوة 2 ل RowSpanخاصية.

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

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

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

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

2. انقر نقراً مزدوجاً فوق Buttonعنصر تحكم رمز في من مربع الأدوات. ملاحظة الذي يظهر عنصر تحكم زر جديد في TableLayoutPanelلعنصر التحكم أول خلية.

3. انقر نقراً مزدوجاً فوق أكثر عدة عناصر التحكم في من مربع الأدوات. لاحظ أن تظهر جديدة عنصر تحكم s المتتالي في TableLayoutPanelعنصر تحكم للخلايا غير مشغولة. لاحظ أيضا أن TableLayoutPanelعنصر تحكم يتسع لاحتواء s عنصر تحكم جديد في حالة عدم وجود خلايا المفتوحة توفر.

معالجة تلقائية لتجاوز

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

إلى ملاحظة المعالجة auإلىmatic لتجاوز

1. إذا وجدت خلايا فارغ لا تزال في TableLayoutPanelعنصر تحكم، متابعة إدراج جديد Buttonعناصر التحكم حتى TableLayoutPanelهو عنصر تحكم كامل.

2. مرة TableLayoutPanelعنصر تحكم ممتلئ، انقر نقراً مزدوجاً فوق Buttonالرمز في من مربع الأدوات لإدراج آخر Buttonعنصر تحكم. لاحظ أن TableLayoutPanelالتحكم بإنشاء خلايا جديدة لاحتواء عنصر التحكم الجديد. قم بإدراج عناصر تحكم إضافية قليلة ومراقبة سلوك تغيير الحجم.

3. في عنصر تحكم TableLayoutPanel قم بتغيير قيمة الخاصية GrowStyle الخاصة به إلى FixedSize. انقر نقراً مزدوجاً فوق Buttonرمز في من مربع الأدوات لإدراج Buttonعناصر التحكم حتى TableLayoutPanelهو عنصر تحكم كامل. انقر نقراً مزدوجاً فوق Buttonرمز في مربع الأدوات مرة أخرى. لاحظ أن تتلقى رسالة إعلام بالخطأ من مصمم Windows Forms تخبرك أن صفوف إضافى و لا يمكن تاريخ الإنشاء أعمدة.

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

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

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

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

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

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

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

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

عدة عناصر التحكم في خلايا هل غير المسموح

TableLayoutPanelيمكن أن يحتوي عنصر التحكم على عنصر تحكم فرع واحد فقط في كل خلية.

لتوضيح ذلك المتعددة عناصر التحكم داخل خلايا غير مسموح

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

المتناسقة على عناصر التحكم

TableLayoutPanelعنصر تحكم يمكنك إلى التبديل بين عناصر التحكم يشغلون بين خلايا مختلفة.

إلى مبادلة عناصر التحكم

• يسحب مما Buttonعناصر التحكم الموجودة بالخلية مشغولة والإفلات في إلى آخر خلية مشغولة. لاحظ أن الاثنين عناصر التحكم تم نقلها من خلية في غير ذلك.

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

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

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

• قم بلصق مجموعة محددة من عنصر تحكم s متعددة في TableLayoutPanelعنصر تحكم ولاحظ كيفية إدراج عنصر تحكم s.

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

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

راجع أيضًا:

المهام

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

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

الإرشادات التفصيلية: قم بإنشاء نموذج Windows يمكن تغيير حجمها لإدخال بيانات

الإرشادات التفصيلية: إنشاء تخطيطاً التي تضبط التناسب تعريب

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

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

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

المرجع

FlowLayoutPanel

TableLayoutPanel

المبادئ

أفضل الممارسات لوحة تخطيط الجدول عنصر تحكم

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