مشاركة عبر


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

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

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

Snaplines تسهل إلى محاذاة عناصر التحكم ل crisp، مظهر عالي الجودة والسلوك (الشكل).

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

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

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

  • محاذاة إلى هوامش و حاوية نموذج

  • محاذاة إلى مجموعة عناصر التحكم

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

  • استخدام Snaplines عند السحب عنصر تحكم من مربع الأدوات

  • تغيير حجم عناصر التحكم باستخدام دليل محاذاة الكائنات

  • محاذاة التسمية إلى عنصر تحكم نص

  • استخدام Snaplines مع لوحة مفاتيح التنقل

  • لوحات و تخطيط Snaplines

  • تعطيل Snaplines

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

ملاحظة

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

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

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

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

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

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

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

يعطيك Snaplines بطريقة دقيقة وبديهية إلى محاذاة عناصر التحكم تشغيل النموذج الخاص بك. تظهر عند نقل عنصر تحكم محدد أو عناصر موضع الذي ترغب قريب محاذاة مع عنصر تحكم آخر أو التعيين من عناصر التحكم. تحديد الخاص بك "سينطبق" على الموقع المقترح كما تحريك أنه بعد عناصر التحكم الأخرى.

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

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

  2. تحريك Buttonعنصر تحكم إلى الركن الأيسر السفلي من النموذج. لاحظ snaplines التي تظهر ك Buttonعنصر تحكم مناهج السفلي والحدود اليسرى للنموذج. عرض هذه snaplines الموصى بها المسافة بين الحدود عنصر تحكم والنموذج.

  3. تحريك Buttonعنصر تحكم حول حدود النموذج وملاحظة بحيث تظهر snaplines. عند الانتهاء، تحريك Buttonالتحكم قريب مركز النموذج.

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

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

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

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

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

  9. تحريك واحد Panelيتحكم حتى هو المستوى تقريبا مع أول. لاحظ snaplines التي تظهر على طول الحواف العليا والسفلي معا عناصر التحكم، ولاحظ أن انطباق عنصر التحكم الذي تقوم بنقله إلى موضع الذي يقع المستوى تماما مع عنصر تحكم آخر.

محاذاة إلى هوامش و حاوية نموذج

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

محاذاة عناصر التحكم إلى نموذج و هوامش الحاوية

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

ملاحظة

إذا كان النموذج Paddingالخاصية هو معينة إلى 0,0,0,0، مصمم Windows Forms يوفر النموذج مظلل Paddingالقيمة 9,9,9,9. لتجاوز هذا سلوك، قم بتعيين القيمة غير ذلك من 0,0,0,0.

  1. تغيير القيمة Buttonعنصر تحكم ل Marginخاصية بواسطة توسيع Marginالإدخال في نافذة خصائص وتعيين Allخاصية إلى 0. للمزيد من التفاصيل ، راجع الإرشادات التفصيلية: تنسيق إخراج عناصر تحكم النماذج Windows مع ترك مساحة، هوامش، و الخاصية حجم تلقائي.

  2. تحريك Buttonعنصر التحكم يغلق إلى الحد الأيسر للنموذج حتى يظهر دليل محاذاة الكائنات. Th هو dهوtance هو الآن منح بقيمة النموذج Paddingخاصية.

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

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

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

  6. تحريك Buttonعنصر تحكم بالقرب من الحد الأيمن GroupBoxعنصر تحكم حتى يظهر دليل محاذاة الكائنات. تحريك Buttonعنصر تحكم داخل GroupBoxعنصر تحكم ولاحظ مكان ظهور snaplines.

محاذاة إلى مجموعة عناصر التحكم

يمكنك استخدام snaplines لمحاذاة عنصر تحكم s المجمعة بالإضافة إلى عنصر تحكم s داخل GroupBoxعنصر تحكم.

إلى محاذاة بتجميع عناصر التحكم

  1. تحديد عنصرين من عناصر التحكم الموجودة تشغيل جهاز نموذج. تحريك تحديد ثم قم بتدوين snaplines التي تظهر بين تحديد الخاص بك و غير ذلك عناصر التحكم.

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

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

  4. تحديد واحد Buttonعناصر التحكم و تحريك فحول GroupBoxعنصر التحكم. لاحظ snaplines التي تظهر عند الحواف GroupBoxعنصر تحكم. لاحظ أيضا snaplines التي تظهر عند الحواف Buttonالتحكم التي هو GroupBoxعنصر التحكم. عنصر تحكم s الموجودة على توابع حاوية عنصر تحكم تعتمد snaplines أيضا.

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

تعليمات Snaplines محاذاة عناصر التحكم متى قمت أول وضعها تشغيل نموذج.

إلى استخدم snaplines لوضع عنصر تحكم بالتفصيل حجمه

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

  2. الانتقال مؤشر ماوس عبر سطح التصميم الخاص بالنموذج. لاحظ أن يتغير المؤشر إلى الشعيرات المتصالبة مع Buttonعنصر تحكم رمز المرفق. لاحظ أيضا snaplines التي تظهر باقتراح مواضع تمت محاذاته ل Buttonعنصر تحكم.

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

  4. يسحب مؤشر ماوس حول النموذج. لاحظ أن مخطط تفصيلي هو لرسم، تشير إلى الموضع والحجم عنصر التحكم.

  5. اسحب المؤشر حتى تتم محاذاته بأخرى عنصر تحكم في النموذج. ملاحظة التي تظهر دليل محاذاة الكائنات للإشارة إلى المحاذاة.

  6. قم بترك زر الماوس. عنصر التحكم هو التي تم إنشاؤها في موضع والحجم المشار إليها بواسطة مخطط تفصيلي.

استخدام Snaplines عند السحب عنصر تحكم من مربع الأدوات

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

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

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

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

  3. يسحب مؤشر ماوس حول النموذج. لاحظ snaplines التي تظهر باقتراح مواضع تمت محاذاته ل Buttonعنصر تحكم. إيجاد موضع هو مع عناصر تحكم أخرى.

  4. قم بترك زر الماوس. عنصر التحكم هو التي تم إنشاؤها في الموضع المشار إليها snaplines.

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

يساعدك دليل محاذاة الكائنات على محاذاة عناصر التحكم كما يمكنك تغيير حجمها.

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

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

  2. تغيير حجم Buttonعنصر تحكم بواحد مقابض تغيير الحجم وسحب الزاوية grabbing. للمزيد من التفاصيل ، راجع كيفية القيام بما يلي: تغيير حجم عناصر التحكم تشغيل Windows Forms.

  3. قم بسحب مؤشر تغيير الحجم حتى واحد Buttonحدود عنصر التحكم هو مع عنصر تحكم آخر. ملاحظة الذي يظهر دليل محاذاة الكائنات. أيضا الإشارة إلى ملاحظة انطباق مؤشر تغيير الحجم إلى الموضع بواسطة دليل محاذاة الكائنات.

  4. تغيير حجم Buttonعنصر تحكم في اتجاهات مختلفة إلى مؤشر تغيير الحجم إلى آخر عنصر تحكم s. لاحظ كيفية ظهور دليل محاذاة الكائنات في اتجاهات مختلفة لمحاذاة الإشارة.

محاذاة التسمية إلى عنصر تحكم نص

تقدم بعض عناصر التحكم دليل محاذاة الكائنات لمحاذاة عناصر التحكم الأخرى إلى عرض النص.

لمحاذاة تسمية لنص عنصر التحكم

  1. بسحب TextBoxعنصر تحكم من مربع أدوات التحكم على النموذج الخاص بك. عند إيقاع TextBoxعنصر تحكم إلى النموذج، انقر فوق الصورة الرمزية لعلامة ذكية ثم قم بتحديد تعيين نص إلى textBox1 خيار . للمزيد من التفاصيل ، راجع الإرشادات التفصيلية: تنفيذ المهام الشائعة باستخدام العلامات الذكية في عناصر تحكم Windows Forms.

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

  3. في عنصر تحكم Label قم بتغيير قيمة الخاصية AutoSize الخاصة به إلى true. لاحظ أنه يتم ضبط الحدود عنصر تحكم's لاحتواء نص عرض.

  4. تحريك Labelعنصر تحكم إلى اليسار TextBoxعنصر تحكم، لذلك محاذاته بالحافة السفلي TextBoxعنصر تحكم. ملاحظة دليل محاذاة الكائنات الذي يظهر إلى جانب أسفل حواف الاثنين عناصر التحكم.

  5. Move the Labelcontrol slightly upward, until the Labeltext and the TextBox text are aligned. لاحظ دليل محاذاة الكائنات مختلف styled الذي يظهر، والذي يشير إلى متى الحقول نصية معا عناصر التحكم العرض يتم محاذاتها.

استخدام Snaplines مع لوحة مفاتيح التنقل

تعليمات Snaplines محاذاة التحكم عندما يتم ترتيبها باستخدام مفاتيح الأسهم للوحة المفاتيح.

إلى استخدام snaplines باستخدام التنقل على لوحة المفاتيح

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

  2. اضغط زر'Ctrl' + أسفل سهم. لاحظ أن عنصر تحكم تحريك لأسفل النموذج لأول موضع المحاذاة الأفقية متوفر.

  3. اضغط زر'Ctrl' + السهم أسفل حتى عنصر تحكم تصل إلى الجزء السفلي من النموذج. ملاحظة المواضع يحتل كـ يتحرك باستمرار للنموذج.

  4. اضغط زر'Ctrl' + سهم يمين. لاحظ أن عنصر تحكم الانتقال عبر النموذج إلى الموقع أول محاذاة عمودية المتاحة.

  5. اضغط زر'Ctrl' + السهم إلى اليسار حتى عنصر تحكم تصل إلى الجانب الخاص بالنموذج. ملاحظة المواضع يحتل أثناء انتقاله عبر نموذج.

  6. تحريك عنصر تحكم حول النموذج باستخدام تركيبة من مفاتيح الأسهم. ملاحظة المواضع عنصر تحكم يحتل و snaplines المرفقة بها.

  7. اضغط Shift زر + أي المفتاح سهم لتغيير حجم Buttonعنصر تحكم بتزايدات من بكسل واحد.

  8. ضغط زر'Ctrl' + Shift زر + أي المفتاح سهم لتغيير حجم Buttonعنصر تحكم في زيادات دليل محاذاة الكائنات.

لوحات و تخطيط Snaplines

يتم معطّل Snaplines داخل تخطيط لوحات.

لتعطيل snaplines

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

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

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

  4. بسحب Buttonعنصر تحكم من مربع أدوات التحكم في خلية فارغ من TableLayoutPanelعنصر تحكم. ملاحظة snaplines لا تظهر.

  5. اسحب Buttonالتحكم خارج TableLayoutPanelعنصر التحكم و تحريك فحول TableLayoutPanelعنصر التحكم. ملاحظة snaplines ظهور مرة أخرى.

تعطيل Snaplines

يتم تشغيل Snaplines بواسطة الافتراضي. يمكنك يعطل snaplines بشكل انتقائي، أو يمكنك يعطل عليها في تصميم بيئة.

لتعطيل snaplines

  • ضغط المفتاح زر زر Alt و أثناء تحريك عنصر تحكم حول النموذج.

    لاحظ أن تظهر لا snaplines و عنصر تحكم أحياء أي مواضع المحاذاة محتملة لا.

إلى تعطيل snaplines في بيئة التصميم

  1. من قائمة أدوات ، قم بفتح خيارات صندوق حوار. فتح صندوق الحوار "مصمم Windows Forms". للمزيد من التفاصيل ، راجع بشكل عام، "مصمم Windows Forms" خيارات صندوق حوار.

  2. تحديد العقدة عام. في مقطع الوضع التخطيط ، قم بتغيير تحديد من من SnapLines إلى إنتقل إلى الشبكة.

  3. انقر فوق ‏‏موافق إلى تطبيق إعداد.

  4. تحديد أحد عناصر تحكم تشغيل النموذج الخاص بك و تحريك فحول عناصر التحكم الغير ذلك. لاحظ عدم ظهور snaplines.

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

تقدم Snaplines ما يعني بديهية من محاذاة عناصر التحكم تشغيل النموذج الخاص بك. اقتراحات لمزيد من استكشاف تتضمن :

  • حاول تداخل GroupBoxعنصر تحكم في أخرى GroupBoxعنصر تحكم. بوضع Buttonعنصر تحكم داخل التابع GroupBoxعنصر تحكم، وآخر في الأصل GroupBoxعنصر تحكم. تحريك Buttonعناصر التحكم القريبة لمعرفة كيفية snaplines عبور حدود الحاوية.

  • إنشاء عمود من TextBoxعناصر و عمود المطابق من Labelعناصر التحكم. Set the value of the Labelcontrols' AutoSize property to true. Use snaplines to move the Labelcontrols so their displayed text is aligned with the text in the TextBox controls.

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

راجع أيضًا:

المهام

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

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

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

المرجع

SnapLine

موارد أخرى

ترتيب عناصر التحكم على النماذج Windows