بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف الأنبياء والمرسلين سيدنا ومولانا وحبيبنا ونبينا محمد صلى الله عليه وسلم .
أما بعد ،،
ها نحن نلتقي مجدداً في الدرس الثاني من دروس احترف البرمجة بلغة Delphi
والآن لنبدأ الدرس الثاني وهو من أهم الدروس في هذه الدورة ، لذا يرجى قراءته بتمعن و تطبيقه بشكل جيد والأفضل إتباع الطريقة الآتية في التطبيق .. إقرأ الدرس جيداً أولاً .. ثم أكتب ملاحظاتك الخاصة عن الدرس .. أي كملخص بسيط ليساعدك على التركيز على النقاط الرئيسية في الموضوع .. ثم إبدأ بتطبيق الأمثلة الواردة دون الرجوع الى الدرس إلا عند الضرورة القصوى .. اي لا تتبع طريقة أقرأ وطبق .. بل فكر و طبق .. وهكذا حتى تتقن تطبيق كافة الأمثلة الواردة .. بعدها إبتكر بنفسك أمثلة مشابهة وبهذا سوف تحترف اللغة بإتقان تام بعون الله.
ا
لدرس الثاني :
أسس البرمجة بلغة Delphi 6
مقدمة :
كما ذكرنا سابقاً أن البرمجة المرئية تمر بمرحلتين المرحلة الأولى تصميم المشروع والمرحلة الثانية كتابة الإجراءات المناسبة وهذا ما يسمى بالبرمجة المرئية وتسمى أيضاً البرمجة بالأحداث حيث أن كل الإجراءات البرمجية التي تكتب في التطبيق ترتبط بأحداث معينة بمعنى أنه بعد تصميم التطبيق ووضع كل العناصر بالشكل المطلوب على المبرمج اختيار الأحداث المراد برمجتها بإجراءات مناسبة. وفيما يلي أمثلة عن هذه الخطوات من خلال مجموعة من التطبيقات :
التطبيق الأول : ( كلمة المرور ) :
لفتح تطبيق أو مشروع جديد نقوم باستخدام الأمر New ثم Application من قائمة File فنحصل على Form1 جاهز للتصميم وإطار الوحدة Unit Windows باسم Unit1 مرافق للإطار Form1.
أنقر على الرابط التالي لرؤية صورة الفورم ، Form :
http://www.itpro2u.com/Images/Lessons/Delphi_2_1.jpg
أنقر على الرابط التالي لرؤية صورة إطار الوحدة ، Unit :
http://www.itpro2u.com/Images/Lessons/Delphi_2_2.jpg
بمجرد الحصول على الإطارين السابقين فإن التطبيق جاهز للتصميم وما عليم سوى أن تحدد خصائص الإطار Form1 ثم تضع العناصر أو المكونات Components المناسبة عليه وتقوم بتحديد خصائص كل عنصر.
فمثلاً لتحديد عنوان للإطار Form1 وتغييره من Form1 إلى An Example نقوم بكتابة العنوان الجديد أمام الخاصية Caption كما هو موضح في الشكل التالي :
أنقر على الرابط التالي لرؤية صورة الفورم بعد التعديل :
http://www.itpro2u.com/Images/Lessons/Delphi_2_3.jpg
أنقر على الرابط التالي لرؤية صورة نافذة الخصائص :
http://www.itpro2u.com/Images/Lessons/Delphi_2_4.jpg
كما يمكن تغيير أبعاد الإطار باستخدام الماوس وهذه التغييرات المباشرة التي تحدث على الإطار أو على أي عنصر مثل تغير الحجم أو المكان فإن الخصائص التابعة لهذه التغييرات تتغير تلقائياً مثل العرض Width الارتفاع Height .
فكرة التطبيق :
نفترض أن التطبيق يستخدم لعرض صورة خاصة ولكن بعد إدخال كلمة مرور صحيحة بمعنى أن التطبيق يطلب إدخال كلمة مرور لعرض الصورة وإلا يتم إغلاق التطبيق.
الآن لنضع بعض العناصر على الإطار كالآتي :
أنقر على الرابط التالي لرؤية الصورة :
http://www.itpro2u.com/Images/Lessons/Delphi_2_5.jpg
نلاحظ من الشكل أنه تم وضع العناصر الآتية :
- العنصر Label1
- العنصر Edit1
- العنصرين Button1 و Button2
و كل هذه العناصر توجد في الصفحة Standard من مكتبة المكونات المرئية بالإضافة إلى :
- العنصر Bevel1 ويوجد في الصفحة Additional من مكتبة المكونات المرئية.
نلاحظ أن العناصر السابقة وضعت على الإطار دون أن يتم تغيير أي من خصائصها إلا أن لغة Delphi قد قامت بتحديد بعض خصائصها تلقائياً وذلك بتحديد مكان كل عنصر على الإطار وحجمه وذلك بتحديد الخصائص Left و Top لتحديد المكان و الخاصية Width و Left لتحديد أبعاد كل عنصر.
والآن لنغير بعض الخصائص الأخرى للعناصر السابقة كالآتي :
أنقر على الرابط التالي لرؤية الجدول :
http://www.itpro2u.com/Images/Lessons/Delphi_2_12.jpg
بعد تحديد الخصائص السابقة يصبح الإطار كما يلي :
أنقر على الرابط التالي لرؤية الصورة :
http://www.itpro2u.com/Images/Lessons/Delphi_2_6.jpg
الخاصية Caption كما نلاحظ تحدد الاسم الظاهري ونلاحظ أن العناصر Form ، Label ، Button لها نفس الخاصية .
ملاحظة :
تم إضافة الرمز & قبل الحرف Y و الحرف N في خاصية Caption لكلاً من Button1 و Button2 وذلك لجعل الحرفين مسطرين لاستخدامها مع مفتاح Alt أثناء تشغيل التطبيق.
- الخاصية Text للعنصر Edit تعبر عن النص الذي يكتب داخل مربع لنص وهنا في التطبيق السابق تم استبدال Text1 بفراغ ليظهر مربع النص Edit1 خالي.
- الخاصية Password Char للعنصر Edit تستخدم لتحديد الرمز الذي سيظهر بدلاً من أي أحرف أو أرقام عند إدخال كلمة المرور .وهنا تم تحديد علامة النجمة ( * ) لتظهر محل أي أحرف أو أرقام والنجمة هي الرمز الأشهر استخداماً في هذه الحالة.
الآن نحتاج إلى إطار جديد لوضع الصورة عليه وبالتالي يتم إضافة إطار جديد بنقر زر السرعة الخاصة بإضافة إطار جديد أو باستخدام الأمر New ثم Form من قائمة File . سيكون اسم الإطار الجديد Form2 لأنه الإطار الثاني في التطبيق.
نقوم بوضع العنصر Image على الإطار الجديد وذلك لكي نضع عليه الصورة ، العنصر Image هو عبارة عن إطار فارغ يتم رسمه على الإطار Form بالحجم المناسب وفي المكان المناسب. كما يظهر في الشكل التالي :
أنقر على الرابط التالي لرؤية الصورة :
http://www.itpro2u.com/Images/Lessons/Delphi_2_7.jpg
نلاحظ من الشكل أنه تم وضع عنصر Image واسمه الافتراضي هو Image1 والعنصر Button وسوف نقوم بتحديد الخصائص لكل عنصر كما يلي :
أنقر على الرابط التالي لرؤية الجدول:
http://www.itpro2u.com/Images/Lessons/Delphi_2_13.jpg
بعد تحديد الخصائص يصبح الإطار كما يلي :
أنقر على الرابط التالي لرؤية الصورة :
http://www.itpro2u.com/Images/Lessons/Delphi_2_8.jpg
بذلك تنتهي المرحلة الأولى من إنجاز التطبيق وهي مرحلة التصميم وفيما يلي شرح للمرحلة الثانية وهي مرحلة كتابة الإجراءات اللازمة وهي كما يلي :