محاولة للبداء بدورة دلفي- الدرس الاول

ماشاء الله عليك

الصور لم تظهر

ياليت انك تستمر

المشكلة ان الأخوان جزاهم الله خير اذا بدأ الواحد في دورة طبعا كثر خيرة هو متفضل في ذلك و ندعو له طبعا لأنه علمنا لكن المشكلة في نصف الطريق يوقف

أرجوا أن تستمر و تركز على الأمثله فهي التي تفيد و تثبت المعلومة

كثر خيرك و بارك فيك

الله يعطيك العافية على الشرح المفصل والمميز وياريت تستمر

شكرا وأرجو الإستمرار

يعطيك العافية والله لا يحرمنا منك ولا ومن امثالك

الف شكر لك اخت فرح ....(f)(f)(f)

رجاء اختي فرح حاولي اصلاح مشكلة الصور .....:rolleyes:

تحيااااااااااتي

اخـــــوك

delphi

السلام عليكم و رحمة الله و بركاته

:o:mad:

اعتذر بالنسبة للصور رغم اني جربتها و اعتقدت انها نفعت , راح احاول مرة ثانية و الى ان تنجح المحاولة بارفق الملف و الله يستر و يمشي الحال معي ما يعملي مثل الصور .

طبعا هالمرة النتيحة اسرع و ما رضي لان حجم الملف كبير رغم اني قمت بضغطه .

راح احاول تقسيمه

ارجو انه تصبروا عليا شوية

و ساعمل بنصائحكم ان شاء الله

شكــــرا لمحاولتك.......وأستمر..............(f)(f)

استمر بارك الله فيك

لكن عندي اقتراح صغير

وهو ألا تعطي المسميات أسماء عربية

وأسف إذا أزعجتك(f)

السلام عليكم و رحمة الله و بركاته

ساعمل بنصيحتك اخ reda , و ساحاول الان وضع الدرس الثاني و ارجو هذه المرة ان انجح في اضافة الصور

الدرس الثاني

البداء في عمل مشروع جديد

ساقوم في هذا الدرس بشرح النموذج و طريقة ربط اكثر من نموذج .

فالنبدأ

للبدأ في مشروع جديد , نختار File-New application

تظهر لدينا الشاشة الرئيسية , كما في الشكل السابق , و كما عرفنا ان لكل مكون خواص و هي امكانية محاكاة الكائن و تقبل ادخالات المستخدم كتغير لون الخلفية يمكن للمستخدم إدخال اكثر من قيمة للون و سنستعرض بعض هذه الخواص و قيمها .

1- مثل تغيير لون الشاشة ففي البداية عند تنفيذ البرنامج و ذلك بالضغط على F9 او اختيارها من شريط الادوات

تظهر الشاشة بهذا اللون و الخاصية تكون كما بالشكل التالي

اما عند تغير هذه الخاصية في مرحلة التصميم يتغير لون الشاشة ايضا و يظهر بنفس اللون الجديد الذي تم اختياره في مرحلة التنفيذ ايضاً , كما بالشكل التالي

2- تغيير شكل المؤشر

3- التحكم في الخط

شاشة الFont

4- التحكم في ارتفاع الشاشة , و تغيير الايقونة لها , كما يلي

و بالضغط على زر ok نلاحظ تغيير الايقونة التي كانت موجودة في الشاشة , كما يلي

في حالة الرغبة في اعادة الايقونة الاصلية نذهب لنفس الخاصية Icon و لكن بدل الضغط على زر lode نضغط على زر Clear .

5- لتغيير اتجاه الخط من اليسار الى اليمين و العكس نستخدم الخاصية

6- لتغيير اسم الاستمارة الظاهر نستخدم الخاصية و نقوم بكتابة الاسم الذي نريد ان يظهر .

7-

مثال في حالة تغيير قيمة biMaximize إلى False يصبح هذا شكل الشاشة عند التنفيذ بالتالي لا يمكن تكبير الشاشة

جرب بنفسك ان تغير باقي القيم لتعرف النتيجة عند التنفيذ .

8- الخاصية Borderstyle تسمح لك بالتحكم في اعطاء امكانية تغيير حجم الشاشة اثناء التشغيل او منعها , فمثلا اذا اخترنا القيمة bsSingle بدل من bsSizeable فلن يسمح لك بتغيير حجم الشاشة عند تنفيذ البرنامج

9- للتحكم في حجم الاطار المحيط بالشاشة نغير من قيمة الخاصية

جرب وضع قيم اخرى مثلا 10 او اي رقم اخر و لاحظ شكل الشاشة .

10- الخاصية Enable و التي تاخذ احد القيمتين اما True او False , في حالة انها true فهذا يعني ان المكون يشتغل بمعنى ان الشاشة تشتغل , و في حالة عملنا false فان المكون يتوقف عن العمل اي الشاشة لا تعمل .

لفهم المقصود من الكلام السابق قم بترك القيمة True و نفذ البرنامج ثم قم بتصغير و تكبير الشاشة ثم قم باغلاقها و لاحظ انك تستطيع عمل هذا .

الان قم بتغيير هذه الخاصية إلى False ثم نفذ البرنامج و حاول تكبير او تصغير او اغلاق الشاشة , ستلاحظ انك لا تستطيع هذا و لايقاف البرنامج تستطيع فعل هذا من الدلفي نفسها باختيار Program Reset من Run او الضغط على Ctr+F2

11- لتغيير اسم الشاشة نغير في الخاصية Name حيث ان هذا الاسم هو الاسم الذي سنتعامل معه اثنا البرمجة و كتابة الشفرة , بينما الخاصية caption فيقصد بها هو الاسم الذي سيظهر في مرحلة التنفيذ , و يمكن ان يختلف الاسمين او يكونا متساويين و هذا يرجع الى المبرمج نفسه .

12- للتحكم في عرض الشاشة نغير من قيمة الخاصية width , و الخاصية windowstate نستطيع من خلالها التحكم في الحجم الابتدائي للشاشة فلو اخترنا القمية wsmaximized فسنلاحظ عند تنفيذ البرنامج ان الشاشة ظهرت بحجم كبير , جرب تغيير باقي القيم و ستلاحظ الفرق عند التنفيذ .

-بكل تأكد لم تكتمل خواص الشاشة الا انني ساحاول شرح الباقي عند الحاجة اليه خلال الدروس القادمة ان شاء الله .

-كما انه لكل مكون احداث سنتحدث عنها اثناء استعمالها .

-نبدأ الان في البرنامج حيث يقوم هذا البرنامج بفتح شاشة من شاشة اخرى .

مثال : ان الشاشة الرئيسية تفتح الشاشة الثانية و الشاشة الثالثة .

اي اننا بحاجة الى 3 شاشات و سنقوم باستخدام ازرار لكتابة كود اظهار الشاشات .

و المطلوب تنفيذه هو :

- الشاشة الرئيسية فيها زرين الاول يفتح الشاشة الثانية و الثاني يفتح الشاشة الثالثة .

-الشاشة الرئيسية لا يسمح بتغيير حجمها في مرحلة التنفيذ .

-عند فتح الشاشة الثانية لا يمكن الرجوع للشاشة الرئيسية الا بعد اغلاقها .

نبدأ الان :

بعد ان اخترنا New Application , تظهر لدينا الشاشة الاولى .

نقوم بتغيير اسمها الى Mainform لنستخدمه في البرمجة , اي ان الخاصية name نكتب فيها الاسم الجديد

و نغير اسمها الظاهر الى الشاشة الرئيسية , اي الخاصية Caption

نستطيع فعل هذا باستخدام الكود اي في مرحلة التنفيذ بدل مرحل التصميم , نذهب الى الاحداث و نعمل نقر مزدوج على الحدث On Create اي عند تكوين الشاشة فيفتح لك مساحة لكتابة الكود ( اي كانه يسالك ماذا يفعل عند تنفيذه لهذا الحدث ) .

و لاننا نحتاج الى الوصول للخاصية caption فلابد ان نحدد لاي مكون لاننا كما سنرى لاحقا ان هناك عدة خواص هي نفسها لمكونات مختلفة , لذلك عند كتابة الكود نكتب اسم المكون (name و ليس caption"ولو جربت caption حيطلع error فما تستغرب") ثم نعمل نقطة فستظهر لنا قائمة بخواص و مجموعة من الدوال التي يحتوي عليها هذا المكون (و التي تسمى Method "الطريقة" و هي تنفيذ فعل موجه الى الكائن ليس للمستخدم حق تعديله "سنتعرف عليها من خلال الامثلة " ) اي ان لكل مكون ثلاث اشياء هي الخواص و الطرق و الاحداث .

و من هذه القائمة نختار ما نريد و هنا نختار الخاصية caption

نضغط على enter ثم نكتب يساوي و الاسم الذي نريده , و لان هذه الخاصية تاخذ قيمة سلسة فنكتب القيمة الجديدة بين تنصيص , بينما لو اردنا تغيير ارتفاع الشاشة مثلا نكتب رقم .

و الكود هو

procedure TMainform.FormCreate(Sender: TObject);

begin

mainform.Caption :=’الشاشة الرئيسية’;

mainform.Height := 500;

end;

* ننفذ الان الطلب الاول وهو - الشاشة الرئيسية فيها زرين الاول يفتح الشاشة الثانية و الثاني يفتح الشاشة الثالثة .

و لكن قبل هذا لازم نضيف شاشتين وذلك باختيار newform من file فيضيف form2ثم نكرر نفس الشئ ليضيف form3 و هكذا كلما احتجنا الى شاشة جديدة .

بهذه الخطوة اصبح لدينا 3 شاشات .

نضع الان في الشاشة الرئيسية زرين , نقوم باخذ الزر من شريط الادوات نختاره بالضغط عليه

ثم نضغط على الشاشة المراد وضعه فيها فيظهر فوقها

نضيف زر ثاني بنفس الطريقة .

نغير اسم الزر الى (فتح الشاشة الثانية) و الزر الثاني (فتح الشاشة الثالثة) , و كما نلاحظ يظهر للزر ايضا خواص و احداث لتغيير الاسم الظاهر للزر نغير قيمة الخاصية caption الخاصة بالزر .

نذهب للاحداث الخاصة بالزر و نعمل نقر مزدوج على الخاصية onclick

و نكتب الكود الخاص باظهار الشاشة الثانية , و ذلك بكتابة اسمها ثم اختيار من القائمة show .

نلاحظ عدم ظهور قائمة او اي شئ و ذلك لانه رغم وجود هذه الشاشات في نفس المشروع الا انه علينا ربط الشاشات التي نريدها ببعض و ذلك بالطريقة التالية

حيث unit2 هي المساحة الخاصة بكتابة كود الشاشة الثانية .

نلاحظ في unit1 اضافة سطر بعد implementation

الان عند كتابة اسم form2. ستظهر لنا قائمة الخواص

نكتب الان الجملة form2.show; , نفذ البرنامج و جرب .

نكرر نفس الخطوات السابقة للشاشة الثالثة مع تغيير خاصية caption للشاشتين .

* المطلوب الثاني - الشاشة الرئيسية يسمح بتغيير الحجم في مرحلة التنفيذ .

و يتم هذا باختيار القيمة bsSingle للخاصية BorderStyle ,, كما نستطيع فعل ذلك في مرحلة التنفيذ و ذلك بكتابة الكود التالي في الحدث oncreat لهذه الشاشة .

mainform.BorderStyle := bsSingle ;

* المطلوب الثالث - عند فتح الشاشة الثانية لا يمكن الرجوع للشاشة الرئيسية الا بعد اغلاقها .

يتم هذا بكتابة هذا الكود Form2. ShowModal بدل Form2.Show .

و نلاحظ انه عند فتح الشاشة الثالثة يمكن الانتقال الى الرئيسية دون الحاجة لاغلاقها , و ذلك لاننا استخدمنا show وليس showmodal .

-يمكننا ان نضيف زر في الشاشة الثانية و الثالثة و نغير الخاصية caption إلى "أغلاق" , فنستخدم هذا الزر للاغلاق وذلك بكتابة الكود التالي في الحدث onclick

نكرر نفس الشئ مع الشاشة الثالثة .

ملاحظة :

-للانتقال بين الشاشة و الوحدة الخاصة بها نضغط على مفتاحF12 .

- يتم اختيار احد الشاشات الموجدوة في المشروع من :

- و يتم اختيار احد الوحدات من :

- لتخزين البرنامج نختار

نحدد له المسار الذي نريد ان نخزن فيه , و نستطيع تغيير اسماء الوحدات اثناء التخزين.

-و لفتح هذا المشروع نختار open Projectمن file أو Reopen و نحدد البرنامج الذي نريد اعادة فتحه في حالة انه موجود في هذه القائمة .

كما احب لفت الانتباه الى :

1-تكرار نفس اسماء الخواص و الطرق في العديد من الكوائن المختلفة مثل form ,mainmenu و غيرها .

2-لكتابة الكود لازم نكتب اسم المكون ثم نقطة ثم نختار الخاصية مثل form1.caption .

3-جميع الخواص و الطرق يمكن الوصول اليها برمجيا اي في مرحلة التنفيذ للتحكم في قيمها .

الخلاصة :

من خلال هذا البرنامج تعرفنا على بعض خواص الشاشة و طريقة ربط اكثر من شاشة مع بعض و كيف كل منهم ممكن تفتح الاخرى .

حسب ما بشوف ان الصور ظهرت بس على الله ما ترجع تختفي ثاني

:mad:الصور رجعت تختفي

تجربة جديدة

السؤال الذي يطرح نفسه ما السبب في اختفاء الصور رغم ظهورها فور اضافتها بشكل عادي

محاولة جديدة و ان شاء الله تكون ناجحة

بسم الله الرحمن الرحيم

و السلام عليكم و رحمة الله و بركاته

ساحاول البدء بدورة دلفي و ذلك املاً مني في مساعدة الغير مثلما وجدت من ساعدني كثيرا في هذا المنتدى الرائع ,, و اتقبل جميع الاراء و التعليقات و ارجو ان يسمح وقتي باكمال هذه الدورة على اكمل وجه .

لن اتحدث عن طريقة كتابة الاوامر في دلفي و انواع المتغيرات لاني اعتقد ان ما قدمه الاخ مادي , و الاخ sumكان واضحا و في حالة غموض اي شئ فساقوم بشرح ما اعرفه ان شاء الله .

الدرس الاول و يشمل :

مقدمة عن الدلفي .

الملفات المكونة لدلفي .

الدخول إلى البرنامج .

بيئة دلفي .

مقدمة عن لغة دلفي :-

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

وكانت الطلبات تنهال علي الشركة مطالبة بتبسيط الموضوع قدر الإمكان .هذا من جانب,ومن جانب أخر أخذت لغات البرمجة المرئية "فيجوال" تبدا بالانتشار , وبدا

بأنها ستغدو لغات شعبية في المدى القريب .لذلك سارعت شركة بورلاند إلى تبني ميزات البرمجة المرئية واستفادة كثيرا من لغة بورلاند باسكال التي قد طورت بشكل صحيح لغدو لغة كائنية التوجه ( OOP )بشكل كامل .

ففي نهاية عام 1993 ولدت النسخة التجريبية لهذه اللغة .وكان لابد من تسميتها فقد كان الاسم المعتمد بين المطورين هو( VISUAL PASCAL ) إلا أنهم استقروا أخيرا علي الاسم ( DELPHI) وقد أخذوا هذا الاسم من أسم معبد يوناني قديم , ويعود هذه الكلمة إلى اللغة العربية الفينيقية القديمة ,وهو يعني بالعرافة.

بماذا تتميز دلفي ؟

تعد دلفي لغة التطوير السريع للتطبيقات RAD (rapid application development ) وهي أداة تطورية قوية تجمع بين ميزات أنظمة التطوير المرئية وبين اللغة كائنية التوجه ( غرضية التوجه ) تعتبر لغة باسكال القلب النابض لدلفي في حين أن دلفي تشكل تطورا طبيعيا لمترجم ( COMPILER ).

لغة باسكال الذي طورته شركة فرانك بورلاند والذي كتبه لها العالم ( ANDERS HEJLBERG ) قبل عشر سنوات .

ومع وجود عدد من لغات التطوير المرئية إلا أن دلفي تتميز بعدة أمور هي :-

 تبسيطها لمفاهيم البرمجة تحت النظام ويندوز وتغليفها لتوابعه المسماة

( API) .

 بناؤها التطبيقات وفق مفهوم الشكل ( FORM) ولكن ضمن قالب كائني التوجه .

 استخدامها تقنية العناصر ( COMPONENT ) الجاهزة .

 مترجمها السريع الذي يعد أسرع بعشر مرات من باقي اللغات .

 بناؤها لملف تنفيذي لا يحتاج إلى أية ملفات ديناميكية أو أي ملفات أخري أثناء عملها.

 دعمها اللامحدود لقواعد البيانات, و توفير كل إمكانيات اللغة لتطوير قواعد البيانات.

محتويات برنامج الدلفي : كما ذكر سابقا فان البرنامج في الدلفي يتكون من برنامج رئيسي واحد (program) , و مجموعة وحدات اخرىunit (عددها غير محدود ) .

الملفات المكونة لدلفي :-

يتألف أي مشروع في دلفي من عدد من الملفات وكل واحد من هذه الملفات له خصوصيته وأهميته وأهم هذه الملفات هي :-

*.ملف المشروعDPR)).

*.ملف الوحدة (PAS).

*.ملف الشكلDFM)).

1- ملف المشروع DPR :-

مهمة هذا الملف تسجيل المعلومات عن المشروع وعناصره.فعند بدء مشروع جديد تنشئ دلفي هذا الملف ويجري تعديله أثناء مسيرة تطوير المشروع.

2- ملف الوحدةPAS :-

ويقوم بخزن ملفات الوحدات الحاوية علي التعليمات بلغة باسكال الكائناتية (OBJECT ASCPAL ) في ملفات امتدادها PAS) ) .

3- ملف الشكل ( DFM ) :-

حيث يقوم بتسجيل المعلومات الخاصة عن الشكل وعناصره من حيث شكل FORM ومواقع العناصر وأحجامها.

الدخول إلى البرنامج :-

وهذا هو الشكل الابتدائي للبرنامج :-

في الشكل السابق نرى شاشة بيئة التطوير وهي تحتوى على العديد من العناصر المهمة التي سنتعرف عليها .

بيئة دلفي :-

كما نلاحظ في الشكل السابق أن بيئة دلفي تنقسم إلي قسمين هما :-

 العناصر التي تظهر أثناء تشغيل دلفي :- وتتكون من

1. الشكل :- FORM ))

النموذج وهو عبارة عن نافذة تظهر فيها العناصر المكونة لواجهة المستخدم ,مثل الأزرار أو اللافتات .............الخ , و يتكون كل برنامج من نموذج او عدة نماذج (form) فهي مساحة العمل الاساسية , اي انها ستكون الخلفية لبرامجك و هي التي ستحمل ادوات التحكم (سنوضحها لاحقاً) التي سيتعامل معها البرنامج .

بمعني أخر تركب عليه جميع ( OBJECT ) المطلوب تنفيذها .

2. لوحة العناصر :- ( COMPONENT PALETTE )

تستخدم العناصر كصناديق بناء للتطبيقات وتنقسم إلى قسمين هما :-

 عناصر مرئية مثل صناديق التحرير و الأزرار .

 عناصر غير مرئية مثل صناديق الحوار الاعتيادية مؤقتة النظام ( اي انها لا تظهر في مرحلة التنفيذ رغم وجودها و استخدامها في مرحلة التصميم ).

ولقد نظمت عناصر دلفي ضمن صفحات حسب وظائفها فمثلا و ضعت العناصر التي تمثل صناديق الحوار الرئيسية في ( DIALOGS) و وضعت العناصر التي تتحكم في البيانات في صفحة مستقلة سميت( DATA CONTROL ) وهكذا .

3. ضابط الكائنات :- ( OBJECT INSPECTOR )

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

 Properties:-

وتستخدم لاعطاء قيم لخواص العنصر المحدد بمعني آخر خصائص ال( FORM ) فعلي سبيل المثال إي شخص ما هي طبيعته و صفاته.

 Events :-

وتقوم بربط أحداث التطبيق بأعمال من خلال ما يدعي بمعالجات الأحداث .

بقي جزء أخير وهو محدد الكائنات ( OBJECT SELECTOR ) وهو عبارة عن (DROP DOWN LIST ) يظهر فيها اسم ونوع كل عنصر ويستخدم للتنقل بين العناصر( أي لانتقاء إحداها ) .

4. محرر الشفرة :- ( CODE EDITOR )

تملك دلفي محرر نصوص ضمن بيئتها لكتابة تعليمات البرامج و يتمتع بالكثير من المميزات القوية والمفيدة .

يستعمل Delphi أجزاء مختلفة ضمن الكائن معرفة في أقسام ذات حماية مختلفة.لذلك يمكن للمتغيرات ,الإجراءات والمهمات أن يكون لها نوعين من حق الوصول:

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

Public: كل الإجراءات والمهمات لها حق الوصول. أي أنها الإجراءات و المهمات الأقل حماية.

5. شريط السرعة :- ( SPEED BAR )

يتألف هذا الشريط من عدد من الأزرار مهمتها اختصار أعمال معينة تتكرر دائما.

 العناصر التي لا تظهر أثناء تشغيل دلفي :-

هذه العناصر من مكونات واجهة دلفي إلا أنها لا تظهر أثناء تشغيل دلفي, ولكن ينبغي طلب إظهارها من قوائم بيئة دلفي .

i.مدير المشاريع :- ( PROJECT MANAGER )

حيث يقوم بعرض لائحة بالملفات التي يتكون منها التطبيق والتنقل بين هذه الملفات .

ii.مصمم القوائم :- ( MENU DESIGNER )

تنحصر مهمة مصمم القوائم في إعطائنا طريقة سهلة ومبسطة لإنشاء القوائم إضافتها إلى ( FORM ).

iii.المنقح المتكامل :- ( INTEGRATED DEBUGGER )

ويستخدم لتنقيح البرامج ضمن بيئة دلفي ولديه العديد من المميزات الممتازة بما في ذلك التدقيق اللغوي لعبارات البرنامج والمراقبة لمتحولاته, ووضع نقاط توقف فيها.

iv.محرر الصور:-( IMAGE EDITOR)

ويستخدم لمساعدتنا بأدوات تصميميه في رسم وتحرير الصور و الأيقونات المشيرات التي ستخدم ضمن التطبيق .

ملاحظات مهمة عن دلفي:-

 بناء أي تطبيق في الدلفي تتم وفق المراحل التالية

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

*.تصميم الشكل .

*.معالجة الأحداث ثم تنفيذ البرنامج.

الدرس الثاني

البداء في عمل مشروع جديد

ساقوم في هذا الدرس بشرح النموذج و طريقة ربط اكثر من نموذج .

فالنبدأ

للبدأ في مشروع جديد , نختار File-New application

تظهر لدينا الشاشة الرئيسية , كما في الشكل السابق , و كما عرفنا ان لكل مكون خواص و هي امكانية محاكاة الكائن و تقبل ادخالات المستخدم كتغير لون الخلفية يمكن للمستخدم إدخال اكثر من قيمة للون و سنستعرض بعض هذه الخواص و قيمها .

1- مثل تغيير لون الشاشة ففي البداية عند تنفيذ البرنامج و ذلك بالضغط على F9 او اختيارها من شريط الادوات

تظهر الشاشة بهذا اللون و الخاصية تكون كما بالشكل التالي

اما عند تغير هذه الخاصية في مرحلة التصميم يتغير لون الشاشة ايضا و يظهر بنفس اللون الجديد الذي تم اختياره في مرحلة التنفيذ ايضاً , كما بالشكل التالي

2- تغيير شكل المؤشر

3- التحكم في الخط

شاشة الFont

4- التحكم في ارتفاع الشاشة , و تغيير الايقونة لها , كما يلي

و بالضغط على زر ok نلاحظ تغيير الايقونة التي كانت موجودة في الشاشة , كما يلي

في حالة الرغبة في اعادة الايقونة الاصلية نذهب لنفس الخاصية Icon و لكن بدل الضغط على زر lode نضغط على زر Clear .

5- لتغيير اتجاه الخط من اليسار الى اليمين و العكس نستخدم الخاصية

6- لتغيير اسم الاستمارة الظاهر نستخدم الخاصية و نقوم بكتابة الاسم الذي نريد ان يظهر .

7-

مثال في حالة تغيير قيمة biMaximize إلى False يصبح هذا شكل الشاشة عند التنفيذ بالتالي لا يمكن تكبير الشاشة

جرب بنفسك ان تغير باقي القيم لتعرف النتيجة عند التنفيذ .

8- الخاصية Borderstyle تسمح لك بالتحكم في اعطاء امكانية تغيير حجم الشاشة اثناء التشغيل او منعها , فمثلا اذا اخترنا القيمة bsSingle بدل من bsSizeable فلن يسمح لك بتغيير حجم الشاشة عند تنفيذ البرنامج

9- للتحكم في حجم الاطار المحيط بالشاشة نغير من قيمة الخاصية

جرب وضع قيم اخرى مثلا 10 او اي رقم اخر و لاحظ شكل الشاشة .

10- الخاصية Enable و التي تاخذ احد القيمتين اما True او False , في حالة انها true فهذا يعني ان المكون يشتغل بمعنى ان الشاشة تشتغل , و في حالة عملنا false فان المكون يتوقف عن العمل اي الشاشة لا تعمل .

لفهم المقصود من الكلام السابق قم بترك القيمة True و نفذ البرنامج ثم قم بتصغير و تكبير الشاشة ثم قم باغلاقها و لاحظ انك تستطيع عمل هذا .

الان قم بتغيير هذه الخاصية إلى False ثم نفذ البرنامج و حاول تكبير او تصغير او اغلاق الشاشة , ستلاحظ انك لا تستطيع هذا و لايقاف البرنامج تستطيع فعل هذا من الدلفي نفسها باختيار Program Reset من Run او الضغط على Ctr+F2

11- لتغيير اسم الشاشة نغير في الخاصية Name حيث ان هذا الاسم هو الاسم الذي سنتعامل معه اثنا البرمجة و كتابة الشفرة , بينما الخاصية caption فيقصد بها هو الاسم الذي سيظهر في مرحلة التنفيذ , و يمكن ان يختلف الاسمين او يكونا متساويين و هذا يرجع الى البرنامج نفسه .

12- للتحكم في عرض الشاشة نغير من قيمة الخاصية width , و الخاصية windowstate نستطيع من خلالها التحكم في الحجم الابتدائي للشاشة فلو اخترنا القمية wsmaximized فسنلاحظ عند تنفيذ البرنامج ان الشاشة ظهرت بحجم كبير , جرب تغيير باقي القيم و ستلاحظ الفرق عند التنفيذ .

- بكل تأكد لم تكتمل خواص الشاشة الا انني ساحاول شرح الباقي عند الحاجة اليه خلال الدروس القادمة ان شاء الله .

- كما انه لكل مكون احداث سنتحدث عنها اثناء استعمالها .

- نبدأ الان في البرنامج حيث يقوم هذا البرنامج بفتح شاشة من شاشة اخرى .

مثال : ان الشاشة الرئيسية تفتح الشاشة الثانية و الشاشة الثالثة .

اي اننا بحاجة الى 3 شاشات و سنقوم باستخدام ازرار لكتابة كود اظهار الشاشات .

و المطلوب تنفيذه هو :

- الشاشة الرئيسية فيها زرين الاول يفتح الشاشة الثانية و الثاني يفتح الشاشة الثالثة .

- الشاشة الرئيسية لا يسمح بتغيير حجمها في مرحلة التنفيذ .

- عند فتح الشاشة الثانية لا يمكن الرجوع للشاشة الرئيسية الا بعد اغلاقها .

نبدأ الان :

بعد ان اخترنا New Application , تظهر لدينا الشاشة الاولى .

نقوم بتغيير اسمها الى Mainform لنستخدمه في البرمجة , اي ان الخاصية name نكتب فيها الاسم الجديد

و نغير اسمها الظاهر الى الشاشة الرئيسية , اي الخاصية Caption

نستطيع فعل هذا باستخدام الكود اي في مرحلة التنفيذ بدل مرحل التصميم , نذهب الى الاحداث و نعمل نقر مزدوج على الحدث On Create اي عند تكوين الشاشة فيفتح لك مساحة لكتابة الكود ( اي كانه يسالك ماذا يفعل عند تنفيذه لهذا الحدث ) .

الدرس الثاني

البداء في عمل مشروع جديد

ساقوم في هذا الدرس بشرح النموذج و طريقة ربط اكثر من نموذج .

فالنبدأ

للبدأ في مشروع جديد , نختار File-New application

تظهر لدينا الشاشة الرئيسية , كما في الشكل السابق , و كما عرفنا ان لكل مكون خواص و هي امكانية محاكاة الكائن و تقبل ادخالات المستخدم كتغير لون الخلفية يمكن للمستخدم إدخال اكثر من قيمة للون و سنستعرض بعض هذه الخواص و قيمها .

1- مثل تغيير لون الشاشة ففي البداية عند تنفيذ البرنامج و ذلك بالضغط على F9 او اختيارها من شريط الادوات

تظهر الشاشة بهذا اللون و الخاصية تكون كما بالشكل التالي

اما عند تغير هذه الخاصية في مرحلة التصميم يتغير لون الشاشة ايضا و يظهر بنفس اللون الجديد الذي تم اختياره في مرحلة التنفيذ ايضاً , كما بالشكل التالي

2- تغيير شكل المؤشر

3- التحكم في الخط

شاشة الFont

4- التحكم في ارتفاع الشاشة , و تغيير الايقونة لها , كما يلي

و بالضغط على زر ok نلاحظ تغيير الايقونة التي كانت موجودة في الشاشة , كما يلي

في حالة الرغبة في اعادة الايقونة الاصلية نذهب لنفس الخاصية Icon و لكن بدل الضغط على زر lode نضغط على زر Clear .

5- لتغيير اتجاه الخط من اليسار الى اليمين و العكس نستخدم الخاصية

6- لتغيير اسم الاستمارة الظاهر نستخدم الخاصية و نقوم بكتابة الاسم الذي نريد ان يظهر .

7-

مثال في حالة تغيير قيمة biMaximize إلى False يصبح هذا شكل الشاشة عند التنفيذ بالتالي لا يمكن تكبير الشاشة

جرب بنفسك ان تغير باقي القيم لتعرف النتيجة عند التنفيذ .

8- الخاصية Borderstyle تسمح لك بالتحكم في اعطاء امكانية تغيير حجم الشاشة اثناء التشغيل او منعها , فمثلا اذا اخترنا القيمة bsSingle بدل من bsSizeable فلن يسمح لك بتغيير حجم الشاشة عند تنفيذ البرنامج

9- للتحكم في حجم الاطار المحيط بالشاشة نغير من قيمة الخاصية

جرب وضع قيم اخرى مثلا 10 او اي رقم اخر و لاحظ شكل الشاشة .

10- الخاصية Enable و التي تاخذ احد القيمتين اما True او False , في حالة انها true فهذا يعني ان المكون يشتغل بمعنى ان الشاشة تشتغل , و في حالة عملنا false فان المكون يتوقف عن العمل اي الشاشة لا تعمل .

لفهم المقصود من الكلام السابق قم بترك القيمة True و نفذ البرنامج ثم قم بتصغير و تكبير الشاشة ثم قم باغلاقها و لاحظ انك تستطيع عمل هذا .

الان قم بتغيير هذه الخاصية إلى False ثم نفذ البرنامج و حاول تكبير او تصغير او اغلاق الشاشة , ستلاحظ انك لا تستطيع هذا و لايقاف البرنامج تستطيع فعل هذا من الدلفي نفسها باختيار Program Reset من Run او الضغط على Ctr+F2

11- لتغيير اسم الشاشة نغير في الخاصية Name حيث ان هذا الاسم هو الاسم الذي سنتعامل معه اثنا البرمجة و كتابة الشفرة , بينما الخاصية caption فيقصد بها هو الاسم الذي سيظهر في مرحلة التنفيذ , و يمكن ان يختلف الاسمين او يكونا متساويين و هذا يرجع الى البرنامج نفسه .

12- للتحكم في عرض الشاشة نغير من قيمة الخاصية width , و الخاصية windowstate نستطيع من خلالها التحكم في الحجم الابتدائي للشاشة فلو اخترنا القمية wsmaximized فسنلاحظ عند تنفيذ البرنامج ان الشاشة ظهرت بحجم كبير , جرب تغيير باقي القيم و ستلاحظ الفرق عند التنفيذ .

- بكل تأكد لم تكتمل خواص الشاشة الا انني ساحاول شرح الباقي عند الحاجة اليه خلال الدروس القادمة ان شاء الله .

- كما انه لكل مكون احداث سنتحدث عنها اثناء استعمالها .

- نبدأ الان في البرنامج حيث يقوم هذا البرنامج بفتح شاشة من شاشة اخرى .

مثال : ان الشاشة الرئيسية تفتح الشاشة الثانية و الشاشة الثالثة .

اي اننا بحاجة الى 3 شاشات و سنقوم باستخدام ازرار لكتابة كود اظهار الشاشات .

و المطلوب تنفيذه هو :

- الشاشة الرئيسية فيها زرين الاول يفتح الشاشة الثانية و الثاني يفتح الشاشة الثالثة .

- الشاشة الرئيسية لا يسمح بتغيير حجمها في مرحلة التنفيذ .

- عند فتح الشاشة الثانية لا يمكن الرجوع للشاشة الرئيسية الا بعد اغلاقها .

نبدأ الان :

بعد ان اخترنا New Application , تظهر لدينا الشاشة الاولى .

نقوم بتغيير اسمها الى Mainform لنستخدمه في البرمجة , اي ان الخاصية name نكتب فيها الاسم الجديد

و نغير اسمها الظاهر الى الشاشة الرئيسية , اي الخاصية Caption

نستطيع فعل هذا باستخدام الكود اي في مرحلة التنفيذ بدل مرحل التصميم , نذهب الى الاحداث و نعمل نقر مزدوج على الحدث On Create اي عند تكوين الشاشة فيفتح لك مساحة لكتابة الكود ( اي كانه يسالك ماذا يفعل عند تنفيذه لهذا الحدث ) .

و لاننا نحتاج الى الوصول للخاصية caption فلابد ان نحدد لاي مكون لاننا كما سنرى لاحقا ان هناك عدة خواص هي نفسها لمكونات مختلفة , لذلك عند كتابة الكود نكتب اسم المكون (name و ليس caption"ولو جربت caption حيطلع error فما تستغرب") ثم نعمل نقطة فستظهر لنا قائمة بخواص و مجموعة من الدوال التي يحتوي عليها هذا المكون (و التي تسمى Method "الطريقة" و هي تنفيذ فعل موجه الى الكائن ليس للمستخدم حق تعديله "سنتعرف عليها من خلال الامثلة " ) اي ان لكل مكون ثلاث اشياء هي الخواص و الطرق و الاحداث .

و من هذه القائمة نختار ما نريد و هنا نختار الخاصية caption

نضغط على enter ثم نكتب يساوي و الاسم الذي نريده , و لان هذه الخاصية تاخذ قيمة سلسة فنكتب القيمة الجديدة بين تنصيص , بينما لو اردنا تغيير ارتفاع الشاشة مثلا نكتب رقم .

و الكود هو

procedure TMainform.FormCreate(Sender: TObject);

begin

mainform.Caption :=’الشاشة الرئيسية’;

mainform.Height := 500;

end;

* ننفذ الان الطلب الاول وهو - الشاشة الرئيسية فيها زرين الاول يفتح الشاشة الثانية و الثاني يفتح الشاشة الثالثة .

و لكن قبل هذا لازم نضيف شاشتين وذلك باختيار newform من file فيضيف form2ثم نكرر نفس الشئ ليضيف form3 و هكذا كلما احتجنا الى شاشة جديدة .

بهذه الخطوة اصبح لدينا 3 شاشات .

نضع الان في الشاشة الرئيسية زرين , نقوم باخذ الزر من شريط الادوات نختاره بالضغط عليه

ثم نضغط على الشاشة المراد وضعه فيها فيظهر فوقها

نضيف زر ثاني بنفس الطريقة .

نغير اسم الزر الى (فتح الشاشة الثانية) و الزر الثاني (فتح الشاشة الثالثة) , و كما نلاحظ يظهر للزر ايضا خواص و احداث لتغيير الاسم الظاهر للزر نغير قيمة الخاصية caption الخاصة بالزر .

نذهب للاحداث الخاصة بالزر و نعمل نقر مزدوج على الخاصية onclick

و نكتب الكود الخاص باظهار الشاشة الثانية , و ذلك بكتابة اسمها ثم اختيار من القائمة show .

نلاحظ عدم ظهور قائمة او اي شئ و ذلك لانه رغم وجود هذه الشاشات في نفس المشروع الا انه علينا ربط الشاشات التي نريدها ببعض و ذلك بالطريقة التالية

حيث unit2 هي المساحة الخاصة بكتابة كود الشاشة الثانية .

نلاحظ في unit1 اضافة سطر بعد implementation

الان عند كتابة اسم form2. ستظهر لنا قائمة الخواص

نكتب الان الجملة form2.show; , نفذ البرنامج و جرب .

نكرر نفس الخطوات السابقة للشاشة الثالثة مع تغيير خاصية caption للشاشتين .

* المطلوب الثاني - الشاشة الرئيسية يسمح بتغيير الحجم في مرحلة التنفيذ .

و يتم هذا باختيار القيمة bsSingle للخاصية BorderStyle ,, كما نستطيع فعل ذلك في مرحلة التنفيذ و ذلك بكتابة الكود التالي في الحدث oncreat لهذه الشاشة .

mainform.BorderStyle := bsSingle ;

* المطلوب الثالث - عند فتح الشاشة الثانية لا يمكن الرجوع للشاشة الرئيسية الا بعد اغلاقها .

يتم هذا بكتابة هذا الكود Form2. ShowModal بدل Form2.Show .

و نلاحظ انه عند فتح الشاشة الثالثة يمكن الانتقال الى الرئيسية دون الحاجة لاغلاقها , و ذلك لاننا استخدمنا show وليس showmodal .

- يمكننا ان نضيف زر في الشاشة الثانية و الثالثة و نغير الخاصية caption إلى "أغلاق" , فنستخدم هذا الزر للاغلاق وذلك بكتابة الكود التالي في الحدث onclick

نكرر نفس الشئ مع الشاشة الثالثة .

ملاحظة :

- للانتقال بين الشاشة و الوحدة الخاصة بها نضغط على مفتاحF12 .

- يتم اختيار احد الشاشات الموجدوة في المشروع من :

- و يتم اختيار احد الوحدات من :

- لتخزين البرنامج نختار

نحدد له المسار الذي نريد ان نخزن فيه , و نستطيع تغيير اسماء الوحدات اثناء التخزين.

- و لفتح هذا المشروع نختار open Projectمن file أو Reopen و نحدد البرنامج الذي نريد اعادة فتحه في حالة انه موجود في هذه القائمة .

كما احب لفت الانتباه الى :

1- تكرار نفس اسماء الخواص و الطرق في العديد من الكوائن المختلفة مثل form ,mainmenu و غيرها .

2- لكتابة الكود لازم نكتب اسم المكون ثم نقطة ثم نختار الخاصية مثل form1.caption .

3- جميع الخواص و الطرق يمكن الوصول اليها برمجيا اي في مرحلة التنفيذ للتحكم في قيمها .

الخلاصة :

من خلال هذا البرنامج تعرفنا على بعض خواص الشاشة و طريقة ربط اكثر من شاشة مع بعض و كيف كل منهم ممكن تفتح الاخرى .

الدرس الثالث :

ساحاول من خلال هذا الدرس و الدروس القادمة ان شاء الله شرح لبعض المكونات و كيفية التعامل معها .

سنتكلم الان عن المكون MainMenu :

من خلال هذا المكون نستطيع عمل شريط علوي مثل هذا

بعد اخذ هذا المكون ووضعه على الشاشة تظهر لنا خصائصه و التي من خلالها نستطيع اضافة العناصر التي نريدها

1- من خاصية caption لهذا العنصر نحدد اسمه الذي سيظهر لنا في القائمة (فنكتب ملف) , و في حالة كتبنا قيل الاسم (ملف) العلامة & فهذا يمكننا من استعمال اول حرف كمفتاح اختصار مع الضغط على Alt اي كاننا قلنا ( م Alt+) .

بعد اضافة كلمة ملف و الضغط على مفتاح enter تفتح لنا مجال لكتابة عنصر ثاني اسفلها

2- نكتب في الخاصية Caption الاسم الذي نريده و ليكن ( جديد )

3- نستطيع اضافة صورة لهذا العنصر

يظهر لدينا مربع الحوار Picture Editor و كما نفعل مع الشاشة عند تغيير الايقونة الخاصة بها نفعل هنا فنضغط على زر load و نختار الصورة التي نريدها و عند تنفيذ البرنامج نرى الصورة .

4- الخاصية visible تاخذ قيمة منطقية true او false في حالة true يعني ان العنصر مرئي و في الحالة الثانية يختفي هذا العنصر .

5- لاضافة قائمة من العناصر لاي عنصر نقف عليه ثم نضغط Ctrl + السهم الذي يشير الى اليمين , فلو وقفنا على العنصر (جديد) وضغطنا Ctrl + السهم

6- لاضافة فاصل بعد اي عنصر نضع علامة – في الخاصية caption ثم نضغط مفتاح enter

7- للانتقال بين العناصر المتجاورة نستخدم اسهم لوحة المفاتيح

الان نعود لبرنامجنا السابق الذي كان في الدرس الثاني و الذي تعلمنا فيه كيفية التعامل مع الـ Form , حيث سنضيف للشاشة الرئيسية المكون MainMenu ,و نضيف فيه عناصر التي عن طريقها نفتح الشاشة الاولى و الشاشة الثانية و نغلق هذه الشاشة .

نكون عنصرين (ملف – خروج )

العنصر ملف يحتوي على عنصرين (فتح الشاشة الثانية – فتح الشاشة الثالثة )

العنصر خروج يحتوى على عنصر (اغلاق)

* يتم اضافة البرمجة بالنقر المزدوج على العنصر الذي نريد ان نضيف البرمجة له

اي يصبح شكل الـ form الرئيسية كالتالي

نقوم بتغير الاتجاه بدل ( من اليسار الى اليمين ) نجعله ( من اليمين الى اليسار )

- نقوم الان باضافة الكود نقوم بنقر مزدوج عبى العنصر فتح الشاشة الثانية و نكتب فيه نفس الكود الموجود في زر ( فتح الشاشة الثانية ) اي

- نفعل نفس الشئ مع العنصر فتح الشاشة الثالثة فنكتب فيه الكود الموجود في زر (فتح الشاشة الثالثة ) اى

- و في حدث onclick للعنصر اغلاق نكتب كود اغلاق هذه الشاشة وهو

mainform.close;

- قم بتنفيذ البرنامج ثم اغلقه و جرب في العنصر اغلاق بدل كتابة امر الاقفال

mainform.close;

اكتب

Close;

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

و ذلك لانه عند تنفيذ هذا الامر يعتبر انه للـForm التي يكتب فيها الكود بشكل تلقائي طالما لم يتم تحديد مكون قبلها

- جرب مثلا وضع Button على الـform و اكتب فيها الامر التالي

Color := clFuchsia ;

لاحظ عند التنفيذ و الضغط على هذا الزر كيف يتغير لون الـForm .

كرر نفس الشئ في اي من الـForm الاخر و لاحظ ان الامر ينفذ لهذه الـForm التي يكتب فيها الامر .

جرب اضافة هذا السطر ايضا للسطر السابق

BorderIcons := BorderIcons - [biMaximize];

- في حالة عدم وضوح هذا النوع ارجع الى موضوع الاخ madi لفهمه افضل .

- و لمعرفة ما نوع المتغير الذي نتعامل معه او اي معلومات عن مكون معين نضغط على F1 .

و السلام عليكم و رحمة الله و بركاته

إلى اللقاء في الدرس القادم ان شاء الله