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

من أعلى أولويات العديد من التطبيقات هو الموضع الدقيق لعناصر التحكم الموجودة في النموذج الخاص بك. مصمم Windows Forms يوفر لك الكثير من التخطيط إلى ols إلى القيام بذلك. ثلاثة من الأكثر أهمية هي Margin، Padding، و AutoSizeالخصائص، والتي تكون موجودة تشغيل الجميع النماذج Windows عناصر التحكم.

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

تعرف خاصية Padding المساحة داخل عنصر التحكم الذي يحتفظ بمحتوى عنصر تحكم (على سبيل المثال، قيمة الخاصية Text الخاصة به) على مسافة محدد من حدود عنصر التحكم.

يبين الرسم التوضيحي التالي خصائص Padding و Margin على عنصر التحكم.

AutoSizeتخبر خاصية عنصر تحكم إلى الحجم auإلىmatically نفسه إلى المحتويات الخاصة بها. فإنه سيغير لا حجمه إلى أن يكون أصغر من القيمة الأصلية الخاصة بها Sizeخاصية، و سيتم حساب القيمة الخاصة به Paddingخاصية.

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

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

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

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

• تحجيمها عناصر التحكم الخاصة بك بشكل تلقائي

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

ملاحظة

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

المتطلبات الأساسية

لإكمال هذه المعاينة ، سوف تحتاج إلى :

• permهوsions كافية لكي تكون قادراً تشغيل إنشاء وتشغيل مشاريع تطبيق Windows Forms تشغيل الكمبيوتر الموقع Studio Vهوual هو مثبتة.

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

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

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

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

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

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

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

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

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

2. حدد أحد Buttonتحكمها ونقلها يقترب من الآخر, حتى أنها تقريباً تلامسها.

   لاحظ دليل محاذاة الكائنات الذي يظهر فيما بينها. Th هو dهوtance هو مجموع عنصري التحكم Marginقيم. عنصر تحكم الذي تنقله انطباق على هذه المسافة. للمزيد من التفاصيل ، راجع الإرشادات التفصيلية: ترتيب عناصر التحكم على النماذج Windows استخدام Snaplines.

3. تغيير Marginالخصائص من واحد عناصر التحكم بتوسيع Marginالإدخال في نافذة خصائص و إعداد Allخاصية إلى 20.

4. تحديد واحد Buttonعناصر التحكم و تحريك قريبا للآخر.

   دليل محاذاة الكائنات تعريف مجموع قيم الهوامش هو أطول وأن انطباق عنصر التحكم إلى dهوtance أكبر من عنصر تحكم آخر.

5. تغيير Marginالخاصية المحددة عنصر تحكم بتوسيع Marginالإدخال في نافذة خصائص وتعيين Topالخاصية إلى 5.

6. لنقل عنصر التحكم المحدد أسفل عنصر التحكم الآخر ولاحظنا دليل محاذاة الكائنات هو أقصر. تحريك المحدد عنصر تحكم إلى يسار الآخر عنصر تحكم ولاحظ أن دليل محاذاة الكائنات يحتفظ بقيمة الملاحظة في الخطوة 4.

7. يمكنك تعيين كل من أوجه Marginخاصية، Left، Top، Right، Bottom، وقيم مختلفة، أو يمكن تعيينها إلى نفس القيمة مع الجميع Allخاصية.

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

إلى تحقيق التخطيط الدقيق المطلوب للتطبيق الخاص بك، سوف تحتوي غالباً على عناصر التحكم عناصر التحكم التابعة. إذا كنت ترغب في تعيين تقارب الحد عنصر تحكم's التابعة إلى حد عنصر تحكم's الأصل، استخدم في الأصل عنصر تحكم's Paddingخاصية بالاقتران مع عنصر تحكم's التابعة Marginخاصية. Paddingالخاصية هو تستخدم أيضا للتحكم بتقارب محتويات عنصر التحكم (على سبيل المثال، Buttonعنصر التحكم Textخاصية) إلى الحدود الخاصة به.

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

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

2. في عنصر تحكم Button قم بتغيير قيمة الخاصية AutoSize الخاصة به إلى true.

3. تغيير Paddingخاصية بتوسيع Paddingالإدخال في نافذة خصائص و إعداد Allخاصية إلى 5.

   عنصر تحكم توسع لتوفير مساحة للمساحات الجديدة.

4. بسحب GroupBoxعنصر تحكم من مربع أدوات التحكم على النموذج الخاص بك. بسحب Buttonعنصر تحكم من مربع أدوات التحكم في GroupBoxعنصر تحكم. ضع Buttonعنصر تحكم وهو تدفق بالركن الأيسر السفلي من GroupBoxعنصر تحكم.

   لاحظ snaplines التي تظهر ك Buttonعنصر تحكم مناهج حدود اليمنى والسفلي GroupBoxعنصر تحكم. تتوافق هذه snaplines إلى Marginخاصية Button.

5. تغيير GroupBoxعنصر التحكم Paddingخاصية بواسطة توسيع Paddingالإدخال في نافذة خصائص وتعيين Allخاصية 20.

6. تحديد Buttonعنصر تحكم داخل GroupBoxعنصر تحكم ونقلها باتجاه مركز GroupBox.

   تظهر snaplines على مسافة أكبر من الحدود GroupBoxعنصر تحكم. هذه المسافة هو جمع Buttonعنصر تحكم ل Marginخاصية و GroupBoxعنصر تحكم ل Paddingخاصية.

تحجيمها عناصر التحكم الخاصة بك بشكل تلقائي

في بعض التطبيقات، الحجم عنصر تحكم لن نفسها في وقت التشغيل كـ w كـ في وقت التصميم. نص Buttonعنصر تحكم، على سبيل المثال، قد آخذة من قاعدة بيانات، و سوف لا يكون معروفا طوله في التقدم.

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

إلى ترتيب عناصر التحكم تشغيل النموذج الخاص بك باستخدام خاصية AuإلىSize

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

2. في عنصر تحكم Button قم بتغيير قيمة الخاصية AutoSize الخاصة به إلى true.

3. تغيير Buttonعنصر تحكم ل Textخاصية إلى "هذا الزر على سلسلة طويلة لخاصية نص الخاص بها."

   عندما تقوم بتنفيذ التغيير، Buttonعنصر تحكم بتغيير حجم نفسه ليلائم نص الجديد.

4. قم بسحب آخر Buttonعنصر تحكم من مربع أدوات التحكم على النموذج الخاص بك.

5. تغيير Buttonعنصر تحكم ل Textخاصية إلى "هذا الزر على سلسلة طويلة لخاصية نص الخاص بها."

   عندما تقوم بتنفيذ التغيير، Buttonلا تغيير حجم عنصر التحكم نفسه، ونص هو قطعها بالحافة اليسرى لعنصر التحكم.

6. تغيير Paddingخاصية بتوسيع Paddingالإدخال في نافذة خصائص و إعداد Allخاصية إلى 5.

   للنص في عنصر التحكم الداخلي هو قص تشغيل الجميع الجوانب.

7. تغيير Buttonعنصر تحكم ل AutoSizeخاصية إلى true.

   Buttonعنصر تحكم بتغيير حجم نفسه يشمل السلسلة بأكملها. أيضا، يتم تمت الإضافة الحشو حول نص، يسبب Buttonعنصر تحكم لتوسيع في الجميع الاتجاهات الأربعة.

8. بسحب Buttonعنصر تحكم من مربع أدوات التحكم على النموذج الخاص بك. وضعه قريب أسفل-يمين الزوايا في النموذج.

9. في عنصر تحكم Button قم بتغيير قيمة الخاصية AutoSize الخاصة به إلى true.

10. Set theButtonعنصر تحكم'sAnchorproperty toRight,Bottom.

11. تغيير Buttonعنصر تحكم ل Textخاصية إلى "هذا الزر على سلسلة طويلة لخاصية نص الخاص بها."

    عندما تقوم بتنفيذ التغيير، Buttonعنصر تحكم بتغيير حجم نفسه نحو اليمين. بشكل عام، التحجيم تلقائي سيؤدي إلى زيادة الالحجم عنصر تحكم في الاتجاه المعاكس به Anchorإعداد خاصية.

خصائص حجم تلقائي و AutoSizeMode

تدعم بعض عنصر تحكم s AutoSizeModeخاصية، مما يوفر لك أكثر تفصيلية عنصر تحكم عبر سلوك تغيير الحجم تلقائي عنصر تحكم.

إلى استخدام خاصية AuإلىSizeMode

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

2. قم بتعيين القيمة Panelعنصر تحكم ل AutoSizeخاصية إلى true.

3. بسحب Buttonعنصر تحكم من مربع أدوات التحكم في Panelعنصر تحكم.

4. بوضع Buttonعنصر تحكم الموجود في الزاوية اليمنى السفلي من Panelعنصر تحكم.

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

   ملاحظة

   يمكنك تغيير حجم بحرية Panelعنصر تحكم، إلا أنك لا حجمه أصغر من الموضع Buttonعنصر تحكم لليسرى السفلية الزاوية. Th هو سلوك هو المحدد بواسطة القيمة افتراضية ل AutoSizeModeخاصية، أي هو GrowOnly.

6. قم بتعيين القيمة Panelعنصر تحكم ل AutoSizeModeخاصية إلى GrowAndShrink.

   Panelعنصر تحكم أحجام نفسه لإحاطة Buttonعنصر تحكم. لا يمكنك تغيير حجم Panelعنصر تحكم.

7. بسحب Buttonعنصر تحكم نحو الزاوية اليسرى العليا من Panelعنصر تحكم.

   Panelعنصر تحكم تغيير حجم Buttonعنصر تحكم في موضع جديد.

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

هناك العديد من ميزات التخطيط الأخرى لترتيب عناصر التحكم في التطبيقات Windows Forms. فيما يلي بعض مجموعات يمكنك محاولة:

• قم بإنشاء نموذج باستخدام TableLayoutPanelعنصر تحكم. للمزيد من التفاصيل ، راجع الإرشادات التفصيلية: ترتيب عناصر التحكم على Windows Forms باستخدام لوحة تخطيط الجدول. قم بتغيير قيم من TableLayoutPanelعنصر تحكم ل Paddingخاصية، بالإضافة Marginخاصية تشغيل عنصر تحكم s. التابعة له

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

• التجربة مع إرساء التابعة عنصر تحكم s في Panelعنصر تحكم. Paddingخاصية هو التحقيق أكثر عمومية من DockPaddingخاصية، ويمكن satهوfy نفسك ذلك th هو هو الحالة بوضع عنصر تحكم فرع في Panelعنصر التحكم وقم بتعيين عنصر التحكم الفرعة Dockخاصية إلى Fill. قم بتعيين Panelعنصر تحكم ل Paddingخاصية متعددة القيم وملاحظة التأثير.

راجع أيضًا:

المهام

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

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

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

المرجع

AutoSize

DockPadding

Margin

Padding

المبادئ

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