دوره فى لغة البرمجة المرئية Delphi (2)

أسس البرمجة بلغة Delphi 6

مقدمة :

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


التطبيق الأول : ( كلمة المرور ) :

لفتح تطبيق أو مشروع جديد نقوم باستخدام الأمر New ثم Application من قائمة File فنحصل على Form1 جاهز للتصميم وإطار الوحدة Unit Windows باسم Unit1 مرافق للإطار Form1.


أنقر على الرابط التالي لرؤية صورة الفورم ، Form :

أنقر على الرابط التالي لرؤية صورة إطار الوحدة ، Unit :

بمجرد الحصول على الإطارين السابقين فإن التطبيق جاهز للتصميم وما عليم سوى أن تحدد خصائص الإطار Form1 ثم تضع العناصر أو المكونات Components المناسبة عليه وتقوم بتحديد خصائص كل عنصر.
فمثلاً لتحديد عنوان للإطار Form1 وتغييره من Form1 إلى An Example نقوم بكتابة العنوان الجديد أمام الخاصية Caption كما هو موضح في الشكل التالي :

أنقر على الرابط التالي لرؤية صورة الفورم بعد التعديل :

أنقر على الرابط التالي لرؤية صورة نافذة الخصائص :

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

فكرة التطبيق :

نفترض أن التطبيق يستخدم لعرض صورة خاصة ولكن بعد إدخال كلمة مرور صحيحة بمعنى أن التطبيق يطلب إدخال كلمة مرور لعرض الصورة وإلا يتم إغلاق التطبيق.
الآن لنضع بعض العناصر على الإطار كالآتي :

أنقر على الرابط التالي لرؤية الصورة :

نلاحظ من الشكل أنه تم وضع العناصر الآتية :
- العنصر Label1
- العنصر Edit1
- العنصرين Button1 و Button2
و كل هذه العناصر توجد في الصفحة Standard من مكتبة المكونات المرئية بالإضافة إلى :
- العنصر Bevel1 ويوجد في الصفحة Additional من مكتبة المكونات المرئية.

نلاحظ أن العناصر السابقة وضعت على الإطار دون أن يتم تغيير أي من خصائصها إلا أن لغة Delphi قد قامت بتحديد بعض خصائصها تلقائياً وذلك بتحديد مكان كل عنصر على الإطار وحجمه وذلك بتحديد الخصائص Left و Top لتحديد المكان و الخاصية Width و Left لتحديد أبعاد كل عنصر.

والآن لنغير بعض الخصائص الأخرى للعناصر السابقة كالآتي :


أنقر على الرابط التالي لرؤية الجدول :

بعد تحديد الخصائص السابقة يصبح الإطار كما يلي :


أنقر على الرابط التالي لرؤية الصورة :

الخاصية Caption كما نلاحظ تحدد الاسم الظاهري ونلاحظ أن العناصر Form ، Label ، Button لها نفس الخاصية .

ملاحظة :

تم إضافة الرمز & قبل الحرف Y و الحرف N في خاصية Caption لكلاً من Button1 و Button2 وذلك لجعل الحرفين مسطرين لاستخدامها مع مفتاح Alt أثناء تشغيل التطبيق.

- الخاصية Text للعنصر Edit تعبر عن النص الذي يكتب داخل مربع لنص وهنا في التطبيق السابق تم استبدال Text1 بفراغ ليظهر مربع النص Edit1 خالي.

- الخاصية Password Char للعنصر Edit تستخدم لتحديد الرمز الذي سيظهر بدلاً من أي أحرف أو أرقام عند إدخال كلمة المرور .وهنا تم تحديد علامة النجمة ( * ) لتظهر محل أي أحرف أو أرقام والنجمة هي الرمز الأشهر استخداماً في هذه الحالة.

الآن نحتاج إلى إطار جديد لوضع الصورة عليه وبالتالي يتم إضافة إطار جديد بنقر زر السرعة الخاصة بإضافة إطار جديد أو باستخدام الأمر New ثم Form من قائمة File . سيكون اسم الإطار الجديد Form2 لأنه الإطار الثاني في التطبيق.

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