كيفية إنشاء واجهة المستخدم الرسومية في ج: دليل خطوة بخطوة

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

إنشاء واجهة المستخدم الرسومية في ج يتطلب استخدام مكتبات طرف ثالث مثل كيو تي أو غك+. في هذا الدليل خطوة بخطوة ، وسوف ننظر في استخدام مكتبة غك + لإنشاء تطبيق واجهة المستخدم الرسومية بسيطة في ج.

أولا وقبل كل شيء ، تحتاج إلى تثبيت مكتبة غك+ على جهاز الكمبيوتر الخاص بك. ثم يمكنك البدء في كتابة التعليمات البرمجية. أولا ، تحتاج إلى تضمين غك / غك.ح ملف رأس وإنشاء الرئيسية () وظيفة.

# تشمل

إنت الرئيسية (إنت أرغك ، شار** أرغف) {

بعد ذلك ، تحتاج إلى تهيئة غك+ باستخدام وظيفة غك_ينيت (). ثم قم بإنشاء نافذة تطبيق باستخدام وظيفة غك_ويندو_نيو (). بعد ذلك ، يمكنك تعيين عنوان النافذة باستخدام وظيفة غك-ويندو-سيت-تيتل() وحجمها باستخدام وظيفة غك-ويندو-سيت-ديفولت-سيز (). لا تنس تعيين الإجراء الافتراضي عند إغلاق النافذة باستخدام وظيفة غكويدجيتدستروي ().

لعرض نافذة التطبيق ، تحتاج إلى استدعاء وظيفة غكويدجيت_شوال (). وأخيرا ، قم بتشغيل حلقة الحدث غك + باستخدام وظيفة غك_ماين ().

1. الخطوة 1: تثبيت المكتبة لإنشاء واجهة المستخدم الرسومية في ج
2. اختيار مكتبة
3. الخطوة 2: إنشاء نافذة تطبيق
4. إعدادات النافذة
5. الخطوة 3: إضافة عناصر تحكم إلى النموذج
6. اختيار عنصر تحكم
7. 1. أزرار
8. 2. حقول الإدخال
9. 3. القوائم
10. 4. الجداول
11. الخطوة 4: تكوين التعامل مع الحدث
12. سؤال وجواب
13. المكتبات التي يجب أن تستخدم لإنشاء واجهة المستخدم الرسومية في ج?
14. كيف يمكنني إنشاء نافذة في واجهة المستخدم الرسومية باستخدام وينابي في ج?
15. كيف يمكنني إضافة زر إلى واجهة المستخدم الرسومية باستخدام وينابي في ج?
16. كيفية التعامل مع الأحداث في واجهة المستخدم الرسومية باستخدام وينابي في ج?

الخطوة 1: تثبيت مكتبة لإنشاء واجهة رسومية في ج

قبل البدء في إنشاء واجهة رسومية في ج ، تحتاج إلى تثبيت المكتبة المناسبة. في هذه الحالة ، سوف نستخدم مكتبة غك+ ، كما أنه يوفر أدوات مريحة لخلق واجهات رسومية جميلة وظيفية.

لتثبيت غك+ على جهاز الكمبيوتر الخاص بك ، اتبع الخطوات التالية:

1. انتقل إلى الموقع الرسمي غك+: https://www.gtk.org/
2. حدد قسم" التنزيلات " في الصفحة الرئيسية.
3. حدد إصدار جتك+ المطلوب المتوافق مع نظام التشغيل الخاص بك.
4. قم بتنزيل ملف التثبيت وتشغيله.
5. اتبع الإرشادات الموجودة في المثبت غك + وتثبيت المكتبة على جهاز الكمبيوتر الخاص بك.

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

اختيار مكتبة

عند إنشاء واجهة رسومية في ج ، تتمثل إحدى المهام الأكثر شيوعا في تحديد المكتبة المناسبة لإنشاء واجهة مستخدم. هناك العديد من المكتبات ، لكل منها خصائصها ومزاياها الخاصة.

واحدة من المكتبات الأكثر شعبية لإنشاء واجهة رسومية في ج هو غك+. غك + هي مكتبة قوية ومرنة لديها وظائف واسعة وتدعم العديد من لغات البرمجة ، بما في ذلك ج.

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

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

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

الخطوة 2: إنشاء نافذة تطبيق

نافذة التطبيق هي العنصر الرئيسي للواجهة الرسومية التي سيتفاعل فيها المستخدم مع البرنامج. يمكنك إنشاء نافذة في ج باستخدام مجموعة من الوظائف من مكتبة ويندوز القياسية.h.

1. تضمين ملف رأس ويندوز.ح في بداية البرنامج.
2. أعلن الوظيفة الرئيسية ل وينمين ، وهو نقطة دخول برنامج ويندوز.
3. تحديد هيكل وندكلاس التي سوف تحتوي على معلومات حول نافذة التطبيق.
4. تسجيل فئة النافذة باستخدام وظيفة ريجيستركلاس.
5. إنشاء نافذة باستخدام وظيفة كريتويندو.
6. عرض النافذة على الشاشة باستخدام وظيفة شوويندو.
7. بدء حلقة معالجة الرسائل التي لا نهاية لها باستخدام وظيفة جيتمسيج.

ستسمح لك هذه الخطوات بإنشاء نافذة تطبيق بسيطة يمكن رؤيتها على الشاشة.

NULL,

ShowWindow(hWnd, nCmdShow);

2. Обработка сообщений

{

3. TranslateMessage(&msg);

Настройка окна

4. إنشاء واجهة المستخدم الرسومية في ج يتطلب إعداد نافذة لعرض عناصر واجهة المستخدم. في هذا القسم ، سنلقي نظرة على الخطوات الأساسية لإعداد نافذة.

ويندوز.h

5. و

ريجيستركلاسيكس()

. في هذه الوظيفة ، تحتاج إلى تعيين معلمات نافذة مختلفة ، مثل اسم الفئة ومعالجات الرسائل ونمط النافذة.

إنشاء نافذة:

بعد تسجيل فئة النافذة ، يمكنك إنشاء النافذة نفسها باستخدام الوظيفة

كريتويندوكس()

. في هذه الوظيفة ، تحتاج إلى تحديد معلمات النافذة مثل نمط النافذة والعنوان والحجم وموضع النافذة.

1. معالجة الرسائل:

لكي تستجيب النافذة لإجراءات وأحداث المستخدم ، من الضروري تنظيم دورة معالجة الرسائل باستخدام الوظيفة

2. جيتمساج()

. في هذه الدورة ، تتم معالجة جميع الرسائل الواردة إلى النافذة.

3. إغلاق النافذة:

لإغلاق النافذة ، تحتاج إلى معالجة الرسالة

ويم

واستدعاء وظيفة

نافذة مدمرة()

1. . سيسمح لك ذلك بتحرير الموارد المرتبطة بالنافذة بشكل صحيح.

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

2. الخطوة 3: إضافة عناصر تحكم إلى النموذج

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

3. لإضافة عناصر تحكم إلى نموذج في ج ، استخدم وظيفة كريتويندو ، مما يخلق نافذة جديدة لعنصر التحكم. يقبل العديد من المعلمات ، بما في ذلك نوع التحكم وموقعه في النموذج.

مثال:

إنشاء زر:

إنشاء نافذة (زر ، " انقر فوق لي!", 10, 10, 100, 30);

إنشاء حقل إدخال:

كريتويندو(مربع النص, "", 10, 50, 200, 30);

إنشاء تسمية:

• كريتويندو (التسمية ، " مرحبا العالم!", 10, 90, 100, 30);
• سيؤدي هذا الرمز إلى إنشاء ثلاثة عناصر تحكم في النموذج: "انقر فوقي!"زر ، حقل الإدخال ، و" مرحبا العالم!"التسمية. تحدد معلمات الوظيفة نوع التحكم ونصه وإحداثياته وأبعاده.
• بعد إنشاء عناصر التحكم ، يمكنك تخصيص خصائصها ، على سبيل المثال ، تغيير اللون أو الخط أو إضافة معالجات الأحداث. يمكن القيام بذلك باستخدام الوظائف الإضافية التي توفرها المكتبة للعمل مع الواجهة الرسومية في ج.

مثال:

• إعداد لون الزر:
• تعيين زر اللون (زر_أحمر);
• إعداد خط التسمية:

سيتلابلفونت (معرف التسمية ، "أريال" ، 12);

• إضافة معالج حدث إلى الزر:
• سيت بوتون كليكهاندلر(بوتون_يد ، بوتونكليكهاندلر);

سيؤدي هذا الرمز إلى تغيير لون الزر وتعيين الخط للتسمية وإضافة معالج حدث إلى الزر. يمكن أن يكون معالج الأحداث وظيفة سيتم تنفيذها عند النقر فوق الزر.

باستخدام هذه الوظائف ، يمكنك بسهولة إضافة عناصر تحكم وتخصيصها في النموذج في واجهة المستخدم الرسومية في ج.يتيح لك ذلك إنشاء برامج تفاعلية بواجهة سهلة الاستخدام.

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

1. أزرار

زر الضغط هو زر قياسي يتفاعل مع الضغط عليه ويضيء عندما يكون المؤشر فوقه.

خانة الاختيار هي عنصر يسمح للمستخدم بتحديد أو إلغاء التحديد عن طريق تحديد خانة الاختيار أو إلغاء تحديدها.

زر الراديو هو عنصر يسمح للمستخدم بتحديد خيار واحد من مجموعة من الخيارات.

2. حقول الإدخال

إديتكست هو حقل للمستخدم لإدخال النص.

سبينديإنه حقل لإدخال القيم الرقمية التي تسمح للمستخدم بتحديد قيمة من نطاق معين أو إدخالها يدويا.

تحرير وسرد هو العنصر الذي هو مزيج من حقل النص وقائمة من القيم التي يمكن للمستخدم تحديد.

3. القوائم

مربع القائمة هي قائمة تسمح للمستخدم بتحديد عنصر واحد أو أكثر من القائمة المعروضة.

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

4. الجداول

الجداول هي طريقة منظمة لتقديم المعلومات التي تسمح للمستخدم بعرض البيانات وتحريرها.

تابلفيو هو الجدول الذي يسمح للمستخدم لعرض وتعديل البيانات.

عرض القائمة هو عنصر يسمح للمستخدم بتحديد عنصر واحد أو أكثر من القائمة المعروضة.

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

الخطوة 4: تكوين التعامل مع الحدث

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

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

على سبيل المثال ، ضع في اعتبارك معالجة حدث النقر على زر. يمكننا تحديد وظيفة المعالج التي سيتم استدعاؤها عند الضغط على الزر. للقيام بذلك ، تحتاج إلى تحديد هذه الوظيفة وربط الحدث مع عنصر واجهة.

هنا مثال على التعليمات البرمجية:

زر الفراغ()

{

برينتف ("يتم الضغط على الزر!

");

}

كثافة العمليات الرئيسية()

{

// إنشاء نافذة وزر

// ...

// تحديد معالج الأحداث

زر زر;

زر.سيتكالباك (زرنقر);

// بدء حلقة الحدث

بينما (صحيح)

{

// التعامل مع الحدث

// ...