flowLayoutPanel تصميم نموذج لشاشة حجز الفنادق بإستخدام أداة

ما هو عنصر التحكم FlowLayoutPanel؟
 

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

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

 

توجد طريقتين لأنشاء ال FlowLayoutPanel:

1.  إنشاء عنصر تحكم FlowLayoutPanel باستخدام السحب والإفلات التي توفرها c#.net
   
2. باستخدام فئة FlowLayoutPanel تتم كتابة الاكواد في وقت التشغيل وتسمى طريقة دنميكية وهذا ما سيتم عرضة في الفيديو في الاسفل.

• وقت التصميم بطريقة السحب والإفلات:
  

لإنشاء عنصر تحكم FlowLayoutPanel في وقت التصميم ، يمكنك ببساطة سحب وإسقاط عنصر تحكم FlowLayoutPanel من Toolbox إلى form الخاصة بالتصميم الواجهة في Visual Studio.

بعد سحب وإسقاط FlowLayoutPanel في نموذج ، 

تبدو لوحة FlowLayoutPanel بالشكل مربع.

 

1. بمجرد أن تكون FlowLayoutPanel في النموذج ،

 يمكنك تحريكها وتغيير حجمها باستخدام الماوس وتعيين خصائصها وأحداثها. 

 

• إنشاء FlowLayoutPanel وقت التشغيل[create dynamically]:
  

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

تتمثل الخطوة الأولى لإنشاء  FlowLayoutPanel dynamicall في إنشاء وصول class FlowLayoutPanel. يكتب مقتطف التعليمات البرمجية التالي object تحكم FlowLayoutPanel.

    FlowLayoutPanel dynamicFlowLayoutPanel = newFlowLayoutPanel () ؛

في هذه الخطوة  ، 

يمكنك إضافة خصائص خاصة بأداة FlowLayoutPanel. 

يحدد مقتطف الشفرة التالي الموقع والحجم وخصائص الاسم الخاصة بـ FlowLayoutPanel.

 

dynamicFlowLayoutPanel.Location = new System.Drawing.Point(26, 12);  

dynamicFlowLayoutPanel.Name = "FlowLayoutPanel1";  

dynamicFlowLayoutPanel.Size = new System.Drawing.Size(228, 20);  

dynamicFlowLayoutPanel.TabIndex = 0; 

 

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

• نستخدم طريقة Form.Controls.Add التي تضيف التحكم في FlowLayoutPanel إلى عناصر التحكم في النموذج ويتم عرضها في النموذج بناءً على موقع عنصر التحكم وحجمه. يضيف مقتطف التعليمات البرمجية التالي عنصر تحكم FlowLayoutPanel إلى النموذج الحالي. 

 

this.Controls.Add(dynamicFlowLayoutPanel);

هذا الشرح كان بداية تعريفية عن هذه الأداة تستطيع إكمال الباقي في الفيديو..

 

 بالأخير لا تنسى الأشتراك بالقناة وتفعيل زر الجرس 

وتابعنا على المدونة ليصلك كل جديد عن المدونة .