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

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

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

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

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

• قم بإنشاء "لوحة" تخطيط "

• إعداد شبكة تخطيط

• قم بإنشاء حقول الاسم

• قم بإنشاء حقول العناوين

• قم بإنشاء حقول رقم الهاتف

• قم بإنشاء حقل ملاحظات

عند الانتهاء، الخاص بك نموذج تبدو شيء كما يلي:

لنسخ التعليمة البرمجية في هذا الموضوع كقائمة واحدة, راجع كيفية القيام بما يلي: قم بإنشاء نموذج Windows يمكن تغيير حجمها لإدخال بيانات.

ملاحظة

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

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

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

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

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

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

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

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

قم بإنشاء "لوحة" تخطيط "

الخطوة التالية هو لإنشاء لوحة التخطيط الذي يحتوي على إمكانية تغيير حجم التخطيط.

إلى إنشاء تخطيط لوحة

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

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

3. في الإطار خصائص تغيير القيمة خاصية إلى TableLayoutPanelعنصر التحكمDock Fill.

4. قم بتغيير القيمة ColumnCountخاصية إلى 4، و بتغيير القيمة RowCountخاصية إلى 6.

إعداد شبكة تخطيط

الخطوة التالية إلى تحديد تخطيط الشبكة. قم بتعيين الخصائص في ColumnStyles RowStylesمجموعات لتحديد كيفية تغيير أعمدة والصفوف حجم كتغيير الأبعاد الخاص بالنموذج.

إلى إعداد شبكة تخطيط

1. انقر فوق TableLayoutPanelعنصر تحكم للصورة الرمزية للعلامة ذكى ( ) وحدد تحرير صفوف وأعمدة أنماط الصف والعمود صندوق الحوار فتح. لمزيد من المعلومات، راجع كيفية: تحرير أعمدة و صفوف في التحكم TableLayoutPanel.

2. تحديد أعمدة من إظهار الإفلات-أسفل صندوق.

3. تحديد العمود أول و تغيير القيمة الخاصة به SizeTypeخاصية إلى Percent. Set the value of the Percent NumericUpDown control to 25. وهذا عمود سيحتوي Labelعناصر التحكم.

4. تحديد الثاني عمود. قم بتغيير القيمة الخاصة به SizeTypeخاصية إلى Percent. Set the value of the Percent NumericUpDown control to 50. وهذا عمود سيحتوي TextBoxعناصر التحكم الخاصة بحقول إدخال بيانات.

5. تحديد على الثالث عمود. قم بتغيير القيمة الخاصة به SizeTypeخاصية إلى Percent. Set the value of the Percent NumericUpDown control to 25. وهذا عمود سيحتوي Labelعناصر التحكم.

6. تحديد العمود الرابع. قم بتغيير القيمة الخاصة به SizeTypeخاصية إلى Percent. Set the value of the Percent NumericUpDown control to 50. وهذا عمود سيحتوي TextBoxعناصر التحكم الخاصة بحقول إدخال بيانات.

7. تحديد صفوف من المربع إظهار قائمة منسدلة.

8. For the first five rows, set the value of the SizeType property to Absolute, and set the value of the Absolute NumericUpDown control to 28. For the sixth row, set the value of the SizeType property to Percent, and set the value of the Percent NumericUpDown control to 80.

9. انقر فوق ‏‏موافق إلى قبول التغييرات.

نشر تخطيط مع عناصر التحكم

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

1. اسم حقول

2. حقول العنوان

3. حقول أرقام الهاتف

4. حقل الملاحظات

قم بإنشاء حقول الاسم

يتم وضع حقول إدخال اسم في الصف أول من TableLayoutPanelعنصر تحكم. أنها تتكون من Labelعنصر التحكم و TextBoxعنصر تحكم للاسم أول، و Labelعنصر التحكم و TextBoxعنصر تحكم للاسم أخير.

إلى إنشاء حقول الاسم

1. اسحب Labelالتحكم من مربع أدوات التحكم إلى أول خلية في TableLayoutPanelعنصر التحكم.

2. في الإطار خصائص ، قم بتعيين القيمة Labelعنصر تحكم ل Anchorخاصية إلى Right.

3. قم بتعيين قيمة الخاصية AutoSize إلى true.

4. قم بتعيين الالقيمة Textالخاصية إلى الاسم أول.

5. بسحب TextBoxعنصر تحكم من مربع أدوات التحكم إلى خلية ثانية في الصف أول، إلى جانب Labelعنصر تحكم.

6. قم بتعيين الالقيمة TextBoxعنصر تحكم ل Anchorخاصية إلى Left، Right.

7. بسحب Labelعنصر تحكم من مربع أدوات التحكم إلى خلية الثالث من الصف أول. قم بتعيين القيمة Labelعنصر تحكم ل Anchorخاصية إلى Right. قم بتعيين قيمة الخاصية AutoSize إلى true. التعيين القيمة Textخاصية إلى اسم آخر.

8. بسحب TextBoxعنصر تحكم من مربع أدوات التحكم إلى خلية الرابع من الصف أول. قم بتعيين الالقيمة TextBoxعنصر تحكم ل Anchorخاصية إلى Left، Right.

قم بإنشاء حقول العناوين

تحتوي حقول العنوان ثانية الثالث والرابع صفوف. إذا تساوت عناوين الشوارع طويلة، Address1 و Address2 تمتد حقول أعمدة الثلاثة.

إلى إنشاء حقول العنوان

1. اسحب Labelالتحكم من مربع أدوات التحكم إلى أول خلية في الصف الثاني.

2. في الإطار خصائص ، قم بتعيين القيمة Labelعنصر تحكم ل Anchorخاصية إلى Right. قم بتعيين قيمة الخاصية AutoSize إلى true. التعيين القيمة Textخاصية إلى Address1 .

3. بسحب TextBoxعنصر تحكم من مربع أدوات التحكم إلى خلية ثانية في الصف الثاني، بجانب Labelعنصر تحكم.

4. قم بتعيين الالقيمة TextBoxعنصر تحكم ل Anchorخاصية إلى Left، Right.

5. التعيين القيمة ColumnSpan خاصية 3. يتم توفير هذه خاصية بواسطة TableLayoutPanelعنصر تحكم. للحصول تشغيل مزيد من المعلومات حول الخصائص المتوفرة، راجع نظرة عامة حول موفر الموسع.

6. كرر الخطوات من 1 إلى 5 للثالث صف. قم بتعيين الالقيمة Labelعنصر تحكم ل Textخاصية إلى من Address2.

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

8. قم بتعيين القيمة Labelعنصر تحكم ل Anchorخاصية إلى Right. قم بتعيين قيمة الخاصية AutoSize إلى true. التعيين القيمة Textخاصية إلى المدينة .

9. بسحب TextBoxعنصر تحكم من مربع أدوات التحكم إلى خلية ثانية في الصف الرابع، إلى جانب Labelعنصر تحكم.

10. قم بتعيين الالقيمة TextBoxعنصر تحكم ل Anchorخاصية إلى Left، Right.

11. بسحب Labelالتحكم من مربع أدوات التحكم إلى خلية الثالثة في الصف الرابع.

12. قم بتعيين القيمة Labelعنصر تحكم ل Anchorخاصية إلى Right. قم بتعيين قيمة الخاصية AutoSize إلى true. قم بتعيين القيمة Textخاصية إلى الولاية .

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

14. قم بتعيين القيمة ComboBoxعنصر تحكم ل Anchorخاصية إلى Left. قم بتعيين قيمة الخاصية FormattingEnabled إلى true.

قم بإنشاء حقول رقم الهاتف

تشغل الحقول رقم الهاتف في الخامس صف. للتأكد من أن يقوم مستخدم بإدخال أرقام الهاتف صالحاً فقط، تنفيذها مع MaskedTextBoxعنصر تحكم.

إلى إنشاء الحقول رقم الهاتف

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

2. في الإطار خصائص ، قم بتعيين القيمة Labelعنصر تحكم ل Anchorخاصية إلى Right. قم بتعيين قيمة الخاصية AutoSize إلى true. قم بتعيين القيمة Textخاصية إلى الهاتف (W).

3. بسحب MaskedTextBoxعنصر تحكم من مربع أدوات التحكم إلى خلية ثانية في الصف الخامس.

4. قم بتعيين القيمة MaskedTextBoxعنصر تحكم ل Anchorخاصية إلى Left.

5. انقر فوق علامة ذكى ( ) تشغيل MaskedTextBoxعنصر تحكم لفتح Maskالمحرر.

6. تحديد القناع رقم الهاتف في قناع إدخال صندوق حوار. انقر فوق موافق.

7. كرر الخطوات من 1 إلى 5 لرقم الهاتف المنزل حقل. قم بتعيين القيمة Textخاصية إلى الهاتف (H).

قم بإنشاء حقل ملاحظات

أخير يحتل حقل الصف السادس. هو لإدخال الملاحظات، وتسمح لإدخال نص حر.

إلى قم بإنشاء حقل "الملاحظات"

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

2. في الإطار خصائص ، قم بتعيين الالقيمة Labelعنصر تحكم ل Anchorخاصية إلى Top، Right. قم بتعيين قيمة الخاصية AutoSize إلى true. قم بتعيين الالقيمة Textالخصائص إلى الملاحظات.

3. بسحب RichTextBoxعنصر تحكم من مربع أدوات التحكم إلى خلية ثانية في الصف السادس.

4. التعيين القيمة ColumnSpan خاصية 3.

5. قم بتعيين القيمة RichTextBoxعنصر تحكم ل Dockخاصية إلى Fill.

قم بإنهاء إعداد شبكة تخطيط

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

إلى إعداد شبكة تخطيط

1. تحديد TableLayoutPanelعنصر التحكم و انقر الصورة الرمزية للعلامة ذكى الخاصة به ( ). تحرير صفوف وأعمدة تحديد إلى أنماط الصف والعمود صندوق الحوار فتح. لمزيد من المعلومات، راجع كيفية: تحرير أعمدة و صفوف في التحكم TableLayoutPanel.

2. تحديد أعمدة من إظهار الإفلات-أسفل صندوق.

3. تحديد أول و أعمدة الثالث و بتغيير القيمة SizeTypeخاصية إلى AutoSize.

4. انقر فوق ‏‏موافق إلى قبول التغييرات.

Checkpoint (نقطة التحقق)

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

إلى تحقق من تخطيط النموذج الخاص بك

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

ملاحظة

يتم مغٍِير حجمها عناصر التحكم مع الحفاظ على نسبها إلى لتملأ المساحة متوفر.

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

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

راجع أيضًا:

المهام

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

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

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

كيفية: تحرير أعمدة و صفوف في التحكم TableLayoutPanel

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

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

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

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

المرجع

TableLayoutPanel

FlowLayoutPanel