يجب أن نتدرب جبداً على العمل مع الأدوات مثل Label, Button, TextBox وبالتالي مع خصائص هذه الأدوات أيضاً, لأنها مثل الشكل الخارجي لل Form الذي يظهر للمستخدم.
في الدرس السابق قمنا بعمل مشروع مبسط يحتوي على 2 TextBox و Button و Label, في هذا الدرس سوف نقوم بعمل مشروع ألة حاسبة يحتوي الكثير من الأدوات وسوف نقوم بتغيير الألوان وعمل تنظيم للمشروع بحيث يظهر بشكل جيد.
قبل البدء في المشروع, أقترح أن تتوقف عن القراءة الآن وتقوم بوضع بعض الأدوات على ال Form وتغيير بخصائص اللون والحجم والخط والتسمية, جرب هذا مع عدة أدوات مختلفة, وحاول عمل Form لمشروع حقيقي أو لبرنامج رأيته مثلا قبل ذلك.
بعد أن تنتهي, سوف نقوم بتصميم هذه الألة الحاسبة فقط كتابة أي كود - (سنكتبه فيما بعد) -, لنركز الآن على العمل مع الأدوات.
قم بإنشاء Folder جديد وابدأ برنامج ال Visual Basic ثم قم بحفظ البرنامج في هذا المجلد قبل أي شيء, عذراً للتكرار, ولكن التنظيم مهم.
قم بغيير خاصية Caption ل Form1 إلى Calculator.
ملاحظة: تستطيع أن تخار طريقة عرض الخصائص, حيث يوجد نوعان. الأول: Alphabetic, وهذا الاختيار يمكنك من عرض الخصائص بترتيب أبجدي a,b,c. الثاني: Categorized, وهذا الاختيار يمكنك من عرض الخصائص في مجموعات مثل Apperance و Font و Position, انظر إلى القائمة أسفل كل منها ستجد أنها مرتبطة بها.
قم بتغيير الخاصية BorderStyle إلى FixedSingle, وقم باختيار اللون المناسب من الخاصية BackColor, لتغيير لون خلفية ال Form, اضغط على السهم المقابل ل BackColor سوف يظهر لك قائمتين من الألوان اختار Palette فإنها تحتوي على ألوان أكثير حيوية, وقم باختيار هذا اللون.
أو قم بكتابة هذا الرقم &H00FF8080& في الحقل المقابل ل BackColor
قم بعرض الخصائص على شكل Categorized أو كما تحب, ابحث عن الخاصية Hight وقم بكتابة هذا الرقم 4230 في الحقل المقابل لها, والخاصية Width قم بتغييرها إلى 4395.
ملاحظة: تستطيع أن تغير الأحجام بهذه الطريقة أو عن طريق تغييرها بالماوس, فتكبر وتصغر كما تريد, ولكن في هذا المشروع نريد أن نقوم بعمل مشروع مماثل تماماً للشكل السابق.
قم بإدراج TextBox إلى ال Form وقم بتغيير خصائصها كما في الصورة
قم بتغيير الخاصية Text واحذف النص (Text1) بداخلها.
قم بإدراج CommandButton, وقم بتغيير ال Position إلى الآتي:
Height: 615
Left: 120
Top: 840
Width: 735
وقم بتغيير خاصية Caption إلى الرقم 1.
قم بعمل Copy لهذا المفتاح عن طريق Click يمين ثم Copy, ثم Paste على ال Form, سوف تظهر رسالة كالآتي:
You already have a control named 'Command'. Do you want to create a control array?
اختار No, وقم بتغيير خصائص ال Button إلى الآتي:
Left: 960
Top: 840
Caption: 2
قم بعمل Copy & Paste مرة أخرى لعمل المفتاح رقم 3 وقم بتغيير الخصائص إلى:
Left: 1800
Top: 840
Caption: 3
قم بعمل نفس الخطوات لباقي المفاتيح وإليك الخصائص
Command 4
Left: 120
Top: 1560
Caption: 4
Command 5
Left: 960
Top: 1560
Caption: 5
Command 6
Left: 1800
Top: 1560
Caption: 6
Command 7
Left: 120
Top: 2280
Caption: 7
Command 8
Left: 960
Top: 2280
Caption: 8
Command 9
Left: 1800
Top: 2280
Caption: 9
Command 10
Left: 960
Top: 3000
Caption: 0
Command 11
Left: 2640
Top: 840
Caption: +
Command 12
Left: 3480
Top: 840
Caption: -
Command 13
Left: 2640
Top: 1560
Caption: x
Command 14
Left: 3480
Top: 1560
Caption: /
Command 15
Left: 2640
Top: 2280
Caption: =
Command 16
Left: 3480
Top: 2280
Caption:C
قم بتحديد جميع المفاتيح بمؤشر ال Mouse كما بالصورة
عدل في خصائص ال Font واختار هذه العلامة
وقم بتغييير الآتي:
Font Style: Bold
Size: 10
ثم قم بتغيير خاصية Style إلى Graphical لتتمكن من تغيير لون المفاتيح, وحدد المفاتيح من 1 إلى 0 وغير خاصية BackColor إلى اللون &H00C0FFFF&
حدد الستة مفاتيح الأخرى وقم بتغيير BackColor إلى &H0080FFFF&
Congratulation
لقد قمت بتصميم الآلة الحاسبة الخصة بك, بعد 4 دروس فقط ولم تكن تعرف شيئاً عن البرمجة, ولا ينقصها إلا كتابة الأكواد, ولكن قبل ذلك علينا أن نتعرف على بعض الأساسيات في لغات البرمجة.
تمرين: قم بعمل ألة حاسبة أخرى مع تغيير الألوان وأحجام المفاتيح, أطلق إبداعاتك وصمم الألة الحاسبة الخاصة بك.
إلى اللقاء في الدرس القادم إن شاء الله
0 التعليقات:
إرسال تعليق