كيفية عمل نافذة (تطبيق): 4 خطوات (بالصور)

جدول المحتويات:

كيفية عمل نافذة (تطبيق): 4 خطوات (بالصور)
كيفية عمل نافذة (تطبيق): 4 خطوات (بالصور)

فيديو: كيفية عمل نافذة (تطبيق): 4 خطوات (بالصور)

فيديو: كيفية عمل نافذة (تطبيق): 4 خطوات (بالصور)
فيديو: تعلم فيجول استديو فى 50 دقيقة | visual studio code 2024, أبريل
Anonim

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

خطوات

46622 1
46622 1

الخطوة 1. احصل على مترجم

يحول المترجم شفرة المصدر الأولية (التي ستكتبها قريبًا) إلى تطبيق قابل للتنفيذ. لغرض هذا البرنامج التعليمي ، احصل على DEV-CPP IDE. يمكنك تحميله من هنا.

46622 2
46622 2

الخطوة 2. بعد تثبيت DEV-CPP ، افتحه

ستظهر لك نافذة بها منطقة نصية حيث ستكتب شفرة المصدر الخاصة بك.

46622 3
46622 3

الخطوة الثالثة. استعد لكتابة برنامج لعرض نص في مربع نص

قبل أن تبدأ في كتابة المصدر ، ضع في اعتبارك أن تطبيقات Win32 لا تتصرف بنفس طريقة عمل اللغات الأخرى ، مثل JAVA.

46622 4
46622 4

الخطوة 4. في الشاشة الرئيسية لـ DEV-CPP ، انتقل إلى ملف -> جديد -> مشروع

ستظهر لك شاشة أخرى. اختر الصورة الصغيرة التي تقول "Windows Application" واضبط اللغة على "C" ، وليس "C ++". في مربع النص حيث تقول "الاسم" ، أدخل "SimpleProgram". الآن ، سيسألك DEV-CPP عن المكان الذي ترغب في حفظه فيه. احفظ الملف في أي دليل ، ولكن تأكد فقط من تذكره. بمجرد الانتهاء من ذلك ، سيتم تقديمك مع قالب على شاشة المصدر. قم باستخدام Ctrl + A ثم Backspace. سبب قيامنا بذلك هو أن نبدأ من جديد.

46622 5
46622 5

الخطوة 5. في بداية المصدر ، اكتب "#include" (بدون علامتي الاقتباس)

يتضمن ذلك مكتبة windows بحيث يمكنك إنشاء تطبيق. مباشرة أسفل ذلك ، اكتب: #include "resources.h" ثم اكتب: const char g_szClassName = "myWindowClass"؛

46622 6
46622 6

الخطوة 6. اكتب طريقة واحدة للتعامل مع جميع الرسائل واكتب طريقة أخرى حيث سنتعامل مع الرسائل من الموارد

لا تقلق إذا كان هذا محيرًا. سوف يتضح فيما بعد. الآن ، احفظ مصدرك باسم SimpleProg.c. سنتركها كما هي في الوقت الحالي.

46622 7
46622 7

الخطوة 7. قم بعمل برنامج نصي للمورد

نص المصدر هو جزء من كود المصدر الذي يحدد جميع عناصر التحكم الخاصة بك (على سبيل المثال: TextBox ، والأزرار ، وما إلى ذلك) سوف تدمج البرنامج النصي للمورد في برنامجك و Voila! سيكون لديك برنامج. كتابة النص النصي للمورد ليس بالأمر الصعب ، ولكن يمكن أن يكون مضيعة للوقت إذا لم يكن لديك محرر مرئي. هذا لأنك ستحتاج إلى تقدير إحداثيات X و Y الدقيقة لعناصر التحكم ، وما إلى ذلك. في الشاشة الرئيسية لـ DEV-CPP ، انتقل إلى ملف -> جديد -> ملف المورد. سيسألك DEV-CPP "إضافة ملف المورد إلى المشروع الحالي؟" انقر فوق نعم. في الجزء العلوي من البرنامج النصي للمورد ، اكتب #include "Resource.h" ، واكتب أيضًا #include وهذا يعتني بجميع عناصر التحكم.

46622 8
46622 8

الخطوة الثامنة: حدد أول عنصر تحكم لك:

قائمة بسيطة. نوع:

    IDR_THEMENU MENU BEGIN POPUP "& ملف" BEGIN MENUITEM "E & xit" ، ID_FILE_EXIT END END

  • يعرف جزء "IDR_THEMENU" قائمتك على أنها THEMENU. ومع ذلك ، يمكنك تسميتها ما تريد. جزء BEGIN يشرح نفسه بنفسه. ينشئ "& ملف" المنبثقة فئة قائمة جديدة تسمى ملف. تسمح العلامة & لمستخدم التطبيق الخاص بك بكتابة Ctrl + F على لوحة المفاتيح والوصول بسرعة إلى قائمتك:) يضيف MENUITEM "E & xit" ، ID_FILE_EXIT قائمة إلى فئة الملف. ومع ذلك ، يجب عليك تحديد menuitem بعمل ID_FILE_EXIT.

الخطوة 9. الآن لجزء الزر

سيكون الزر الخاص بك داخل مربع حوار ، لذلك يجب أن نجعل الحوار أولاً. افعل ذلك عن طريق كتابة:

46622 9
46622 9

IDD_SIMPLECONTROL حوار 50 ، 50 ، 150 ، 142 نمط DS_MODALFRAME | WS_POPUP | WS_CAPTION | WS_SYSMENU MENU IDR_THEMENU CAPTION "Simple Prog" FONT 8 ، "MS Sans Serif" BEGIN DEFPUSHBUTTON "Hello!" ، ID_HELLO ، 10 ، 10 ، 40 ، 15 END

  • يحدد IDD_SIMPLECONTROL مربع الحوار الخاص بك. تحدد الأرقام الأربعة بعد كلمة "DIALOG" x-pos و y-pos وعرض وارتفاع مربع الحوار. لا تقلق كثيرًا بشأن جزء النمط في الوقت الحالي. يضع MENU IDR_THEMENU قائمتنا القديمة في البرنامج. يتحدث CAPTION عن نفسه كما يفعل الخط. يقوم DEFPUSHBUTTON بإنشاء زرنا المسمى "Hello!" ونعرّفها بقول ID_HELLO ونعطيها إحداثيات x-pos و y-pos والعرض والارتفاع.
  • هذا كل شيء! لقد انتهينا من البرنامج النصي لمواردنا. بقي شيء واحد فقط. يتعين علينا تعيين قيم لجميع الأشياء التي حددناها في البرنامج النصي للموارد (مثل IDR_THEMENU ، وما إلى ذلك) احفظ ملف المورد باسم SimpleProg.rc.
  • 46622 11
    46622 11

    الخطوة 10. اذهب إلى ملف -> جديد -> ملف المصدر

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

      #define IDR_THEMENU 100 # تعريف ID_FILE_EXIT 200 # تعريف IDD_SIMPLECONTROL 300 # تعريف ID_HELLO 400

    46622 12
    46622 12

    الخطوة 11. احفظ هذا الملف كمورد. h هل تتذكر أننا قمنا بـ "#include" resources.h ""؟

    حسنًا ، هذا هو سبب قيامنا بذلك. كنا بحاجة إلى تعيين القيم.

    46622 13
    46622 13

    الخطوة 12. عد إلى المصدر أو SimpleProg.c الخاص بنا أو أيًا كان ما تسميه

    نوع:

      int WINAPI WinMain (HINSTANCE hInstance، HINSTANCE hPrevInstance، LPSTR lpCmdLine، int nCmdShow) {return DialogBox (hInstance، MAKEINTRESOURCE (IDD_NUMBERS)، NULL، SimpleProc) ؛}

    46622 14
    46622 14

    الخطوة 13. لا تقلق كثيرًا بشأن كل الأمور التقنية هنا

    فقط اعلم أن هذه الأجزاء تعيد مربع الحوار إلى إجراء معالجة الرسائل الخاص بنا والذي يسمى SimpleProc.

    46622 15
    46622 15

    الخطوة 14. اكتب:

      BOOL CALLBACK SimpleProc (HWND hWndDlg، UINT Message، WPARAM wParam، LPARAM lParam) {switch (Message) {case WM_INITDIALOG: return TRUE؛ case WM_COMMAND: switch (LOWORD (wParam)) {case ID_HELLO: MessageBox "(NULL،" "Hallo!" ، MB_OK) استراحة ؛ الحالة ID_FILE_EXIT: EndDialog (hWndDlg، 0)؛ break؛} break؛ case WM_CLOSE: EndDialog (hWndDlg، 0)؛ استراحة؛ الافتراضي: return FALSE؛} return TRUE؛}

    • هذا الجزء يعالج رسائل الحوار. على سبيل المثال في حالة ID_HELLO (زرنا) ، نصنع مربع رسالة يقول مرحبًا. أيضًا ، في حالة الانتقال إلى File and Exit ، فإننا نغلق النافذة في حالة ID_FILE_EXIT.
    46622 17
    46622 17

    الخطوة 15. تأكد من أن SimpleProc يأتي قبل جزء int WINAPI WINMAIN

    هذا مهم إذا كنت تريد أن يعمل برنامجك.

    46622 18
    46622 18

    الخطوة 16. اضغط F9 لترجمة وتشغيل البرنامج

    نصائح

    • إذا شعرت بالإحباط في أي وقت ، خذ قسطًا من الراحة وعد.
    • إذا ضاعت ، فهناك العديد من البرامج التعليمية المتاحة على الإنترنت.
    • هذا برنامج تعليمي للمبتدئين ، لذلك لم يتم شرح العديد من الأجزاء. حتى لو كان برنامجًا تعليميًا للمبتدئين ، فمن المستحسن أن يكون لديك بعض الخبرة في عالم البرمجة (على سبيل المثال ، فهم عبارات التبديل ، if-else ، إلخ.)

    موصى به: