دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2
منتدى مصر التقني :: قسم لغات البرمجة Programming languages :: لغة الجافا Java :: برمجة تطبيقات الجوال Java ME
صفحة 1 من اصل 1 • شاطر
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2
بسم الله الرحمن الرحيم
إخوانى الكرام أهلا وسهلا بكم ....فى الدرس السابق تحدثنا عن كيفية إنشاء تطبيقات الجوال MIDlet فى البنية غير الرسومية وقمنا بعمل تطبيق بسيط باستخدام الشفرة فقط لعرض رسالة ترحيب ....فى هذا الدرس إن شاء الله تعالى سنتعلم سويا كيفية إنشاء تلك التطبيقات فى البنية الرسومية و ذلك عن النحو التالى :
أولا : خطوات إنشاء تطبيقات الجوال فى البنية الرسومية :
1_قم بفتح NetBeans ...بعد ذلك قم بالنقر على ايقونة New Project ليتم فتح معالج إنشاء مشروع جديد ....من هذا المعالج ومن التويب ( category ) أختر JAVA ME ومن التويب project أختر الامر Mobile Application ثم قم بالنقر على زر الامر Next
2_سيظهر لك مربع حوارى يطالبك .باسم للمشروع و مسار حفظ المشروع بالاضافة الى ذلك يوجد خيارين ....الاول set as main project و ذلك لجعل مشروعك رئيسى فى حالة وجود عدة مشاريع اخرى ...الخيار الثانى Create Hello MIDlet وهذا لانشاء تطبيق MIDlet جاهز باسم Hello ...لذلك سنقوم بإالغاء تحديد هذا الخيار و ذلك لانشاء التطبيق بانفسا ....ثم قم بالنقر على زر الامر
Next
3_بعد النقر على زر الامرNextيظهر المربع Default Platform Selection و ذلك لتحديد المعلومات الافتراضية اللازمة لانشاء تطبيق الجوال و التى قد تحدثنا عنها فى الدرس السابق مثل
device , Device Configuration , device profile
4 _بعد الانتهاء من تحديد كافة المعلومات اللازمة يمنكنك النقر على زر الامر (finsh )ليظهر لك بنية netbeans كما فى الشكل التالى :
4 _بعد الانتهاء من تحديد كافة المعلومات اللازمة يمنكنك النقر على زر الامر (finsh )ليظهر لك بنية netbeans كما فى الشكل التالى :
5_ نقوم بإدراج المورد أو الملف MIDlet فى البيئة الرسومية و ذلك عن طريق تحديد ايقونة التطبيق ثم كليك يمين ومن القائمة التى ستظهر أختر الامر New ثم الامر Visual MIDlet كما فى الصورة التالية :
6_سيظهر لك المربع الحوارى التالى و الذى يطالبك ببعض المعلومات كأسم الملف MIDlet و اسم الكلاس الخاص ب MIDlet ويمكنك تغير البيانات الافتراضية أو تركها كما هى إن شئت كما فى الصورة التالية:
7 _ بعد الانتهاء من تحديد كافة المعلومات اللازمة للمربع الحوارى السابق قم بالنقر على زر الامر (next) لتظهر لك البنية الرسومية كما فى الشكل التالى :
وكما ترى أخى الكريم فى الصورة أعلاه ستجد ملف MIDlet كمخطط بيانى فى شاشة Flow و تعالوا الان الاخوة الافاضل نتعرف على تلك البنية الرسومية :
أولا : يحتوى شريط التويب العلوى الذى فى الصورة التالية على اربعة خيارات للتعامل مع التطبيق وهى :
1_ source......وهذا التويب عند النقر عليه يفتح صفحة كتابة الشفرة و ذلك لكتابه اى كود او شفرة تريد تنفيذها
2_ Screan ....وهذا التويب عند النقر عليه يفتح واجهة رسومية تحاكى وجهة الجوال لتستطيع بعدها إدراج العناصر الرسومية عليها عن طريق السحب و الافلات .
3_Flow .....وهذا التويب عند النقر عليه يفتح صفحة كمخطط للعناصر الرسومية و اوامر الربط بينهما و ايضا يتح لنا ادارج الكائنات التابعة للفئة Displayable للتطبيق عن طريق السحب و الافلات
4_analyzer ....وهذا التويب عند النقر علية يفتح صفحة تحليل لجميع العناصر و الموارد و الملفات التى تم إدراجها للتطبيق
ثانيا : فى الجهة اليمنى ستجد القائمة palette و التى تحتوى على الكثير من المكونات الرسومية و أوامر التنفيذ command التى يمكنك استخدامها فى تطبيقك منها ما ينتمى الى الفئمة Displayable ومنها ما ينتمى الى الفئة Item كما فى الصورة التالية :
و سيتم شرح تلك المكونات كلا على حد فى دروس متقدمة ....الان وبعد ما تعرفنا على تلك البنية الرسومية تعالوا نقوم بانشاء نفس التطبيق السابق الذى تم شرحة فى البنيه غير الرسومية وهو عبارة عن تطبيق لاظهار رسالة ترحيب ....ويتم ذلك عن طريق الخطوات التالية :
1_ قم بإدراج المكون textbox الى المشروع و ذلك عن طريق سحب المكون من القائمة palette ثم إفلاته الى المشروع من خلال التويب Flow كما فى الصورة التالية :
ملحوظة / جميع الكائنات التى تنتمى للفئة Displayable لا يمكن إدراجها للمشروع عن طريق السحب و الافلات إلا من خلال التويب Flow
2_قم بتحديد المكون فى التويب ثم كليك يمين ومن القائمة التى ستظهر أختر الامر propertites لتظهر لك نافذة الخصائص كما فى الشكل التالى :
ومن نافذة قمنا بكتابة رسالة الترحيب المراد عرضها من خلال الخاصية text وايضا قمنا بوضع عنوان للرسالة من خلال الخاصية Titel بعد ذلك قمنا بإغلاق نافذة الخصائص .....ويمكنك فعل كل ذلك من خلال التويب Screan والذى يظهر لك العنصر الرسومى على محاكى الجوال بالشكل التالى :
بقم النقر المزدوج على عنوان المكون textbox الموجود اعلى العنصر و الذى يأخذ القيمة textbox لتسطيع كتابة عنوان للعنصر وبعد ما يتم الكتابة قم بالنقر على زر الادخال (Enter ) كما فى الصورة التالية :
ايضا قم بالنقر المزدوج على القيمة <ull> وذلك لاضافة نص الرسالة "مرحبا بكم فى منتدى مصر التقنى " كما فى الصورة التالية :
3_قم بربط المكون textbox بنقطة البداية للمورد او الملف MIDlet حتى يتم تشغيل التطبيق ويتم ذلك عن طريق الاوامر command ويتم ذلك عن طريقتين :
الطريقة الاولى : النقر على التويب Flow ثم تحديد الحدث Started للمورد MIDlet ثم النقر يمين ومن القائمة التى ستظهر أختر الامر propertites لتظهر لك النافذة MIDlet Started Event كما فى الصور التالية :
ويمكنك ملاحظة أن نافذة الخصائص تلك لا تحتوى إلا على خاصية واحده وهى Action ...قم بالنقر على الزر الصغير الذى بجوارها ليتم لك فتح النافذة التالية :
النافذة السابقة تحتوى على 5 خيارات للاحداث المتاحة وهى على النحو التالى :
1_ الخيار call .....هذا الخيار يتم استخدامة فى حاله اذا اردنا الاتصال بأحد ملفات MIDlet الاخرى الموجودة بالتطبيق عند بداية التشغيل للتطبيق
2_ الخيار Eext MIDlet ....هذا الخيار يتم استخدامه اذا اردنا الخروج من MIDlet الحالى .
3_ الخيار Go to previous Displayable ....هذا الخيار يتم استخدامه فى حاله وجود عده مكونات تابعة للفئة Displayable و تريد الرجوع للخلف الى المكون السابق
4_ الخيار Switch to Displayable ....وهذا الخيار يتم استخدامه فى حاله اننا نريد تشغيل احد مكونات الفئة Displayable وتوجد قائمة بها جميع المكونات التى أضفتها لتطبيقك .
5_ الخيار Do Nothing ......وهذا الخيار لعدم فعل اى حدث .
بعد ما تعرفنا على تلك النافذة نريد الان تشغيل المكون textbox بربطة بنقطة البداية Started للمورد MIDlet و ذلك من خلال الخيار الرابع Switch to Displayable و ستجد بجانبه قائمة بها المكونات التى تم إضافتها للتطبيق و فى مثالنا هذا هو مكون واحد فقط وهو textbox لذلك سنقوم بتحديد هذا الخيار ثم قم بالنقر على زر الامر (OK)كما فى الصورة التالية :
بعد ذلك ستجد مخطط التطبيق فى التويب Flow كما فى الصورة التالية :
الطريقة الثانية : قم بتحديد الحدث Started للمورد MIDlet ثم النقر بزر الماس شمال مع السحب فى وضعية النقر ليظهر لك سهم أسود أثناء السحب ثم قم بإقلاته على المكون المراد ربطة بنقطة البداية Started وفى مثالنا هذا هو المكون textbox كما فى الشكل التالى :
الان يمكنك تشغيل التطبيق لعرض رسالة الترحيب و يظهر كما فى الصورة التالية :
ويمكنك ملاحظة اننا قد قمنا بتشغيل التطبيق على محالكى اخر غير الذى تم استخدامه فى الدرس السابق ....الان تعالوا نقوم بإضافة بعض التنسيقات للتطبيق ...فمثلا نقوم بوضع أمر للخروج من التطبيق وذلك على النحو التالى :
_ قم بتحديد المكون textbox من خلال التويب Flow ثم النقر يمين ومن القائمة التى ستظهر أختر الامر New/Add ثم أختر الامر Eixt command كما فى الصورة التالية :
ستجد انه قد تم إضافة command للمكون textbox قم بتحديده ثم النقر يمين ومن القائمة التى ستظهر اختر الامر propertites لتظهر لك نافذة الخصائص كما فى الصور التالية :
وكما هو ملاحظ فى نافذة الخصائص ....كتبنا كلمة (إنهاء)عند الخاصية label وذلك لوضع تسميه للامر تظهر فى الجوال ...أما الخاصية Action قم بالنقر على الزر الذى بجوارها لتحديد خيار الخروج من MIDlet كما فى الصورة التالية :
بعد النقر على زر (ok) ستجد فى التويب Flow التطبيق كما فى الشكل التالى :
الان قم بتشغيل التطبيق ليظهر لك كما فى الشكل التالى:
ايضا يمنك ملاحظة اننا قد استخدمنا محاكى أخر غير المستخدم بالدرس السابق و غير المستخدم فى المثال السابق وهذا المحاكى الحالى يمثل أجهزة الجوال التى تعمل بخاصية اللمس وتستطيع أن تختار محاكى Device مختلف عما قد حددته فى بداية إنشاء المشروع عن طريق تحديد الامر Customize من قائمة المهام فى NetBeans كما فى الصورة التالية :
بعد ذلك سيظهر لك 2 مربع حوارى الاول Add Configuration وهذا ليس لنا به علاقة الان لذلك قم بالنقر على زر الامر Cancel و المربع الحوارى الاخر كما فى الصورة التالية :
وكما هو ظاهر إعلاه يمكنك تحديد المحاكى الذى يناسبك من خلال القائمة Device و يجب ملاحظة أن كل محاكى يختلف عن الاخر و كلما كان المحاكى أحدث كلما كانت له مميزات كثيرة
_ تعالوا الان نضيف بعض الخصائص الاخرى للتطبيق ....فمن نفس المربع الحوارى السابق نستطيع إضافة رقم إصدار التطبيق و معلومات عن مبرمج التطبيق وايضا اضافة ايقونة للتطبيق كل ذلك من خلال المربع الحوارى السابق التويب Application Description ليظهر لك المربع الحوارى كما فى الصورة التالية :
_كما هو ظاهر أعلاه ستجد جدول The General Attributes table به بعض المعلومات الافتراضة وهى على النحو التالى :
MIDlet-Name ....وهذا الخيار لوضع اسم للتطبيق
MIDlet-Vendor ....وهذا الخيار لوضع معلومات عن مبرمج التطبيق
MIDlet-version ......وهذا الخيار لوضع رقم إصدار للتطبيق
وجميع تلك الخصائص اساسية لايمكنك حذفها ومع ذلك يمكنك تعديل القيم فقط بما يناسبك ......فقط قم بتحديد الخاصية المراد تعديلها و ستجد زر الامر (Edit ) الموجود على يمين تلك الخصائص أصبح نشط لتقوم بالنقر عليه ليفتح لك مربع حوارى أخر تستطيع من خلاله تعديل البيانات لتلك الخصائص .....فأنا مثلا سأقوم بتعديل الخاصية MIDlet-Vendor لوضع اسم المبرمج لذلك سأقوم بتحديد تلك الخاصية ثم النقر على زر (Edit ) ليتم فتح المربع الحوارى التالى :
_ كما يمكنك إضافة بعض الخصائص الاخر وذلك عن طريق زر الامر Add ليفتح لك مربع حوارى يحتوى على قائمة الخصائص المتاحة الاخرى كما فى الشكل التالى :
فمثلا أريد إضافة ايقونة للتطبيق لذلك سأقوم أولا بتحديد تلك الايقونة و يجب أن تكون بأمتداد BMP أو PNG و أن يكون حجمها مناسب لا تزيد عن 64 بيكسل ثم وضع تلك الصورة فى مجلد البرنامج src سأختار من قائمة الخصائص الخاصية MIDlet-Icon ثم أكتب أسم و أمتداد الصورة فى مربع النص value كما فى الشكل التالى :
والى هنا نكون قد أنتهيا من هذا الدرس الى اللقاء إنشاء الله تعالى فى درس جديد
ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2
الله يبارك لك فى عملك وجعله الله فى ميزان حسناتك ....بجد شرح رائع
ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
NEXT- الادارة
- تاريخ التسجيل : 18/02/2011
المساهمات : 446
النقاط : 200660
التقيم : 28
الدولة :
الجنس :
رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2
مشكوررررررررر
أيمن الإبراهيم- ........
- تاريخ التسجيل : 19/03/2013
المساهمات : 251
النقاط : 398
التقيم : 1
الدولة :
الجنس :
رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2
درس رائع يا صحبى ....منتظرين المزيد
جورج صبحى- ......
- تاريخ التسجيل : 18/02/2011
المساهمات : 127
النقاط : 259
التقيم : 6
الجنس :
| |
منتدى مصر التقني :: قسم لغات البرمجة Programming languages :: لغة الجافا Java :: برمجة تطبيقات الجوال Java ME
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
اليوم في 7:09 pm من طرف moslema_r
» شركة تنظيف فرشات بالرياض
الثلاثاء مارس 26, 2024 6:26 pm من طرف moslema_r
» شركة تنظيف استراحات بالرياض
الأحد مارس 24, 2024 10:49 pm من طرف moslema_r
» كشف تسربات المياه في جدة
السبت مارس 23, 2024 7:23 pm من طرف gmalnagy
» خدمات كشف تسربات المياه بخصم 25% - اتصل الان
السبت مارس 23, 2024 7:22 pm من طرف gmalnagy
» شركة تنظيف ثريات بالرياض
الخميس مارس 21, 2024 7:23 pm من طرف moslema_r
» كهربائي منازل بالرياض
الأحد مارس 17, 2024 1:52 pm من طرف رانيا حماد
» افضل شركة نقل عفش بالرياض نقل باكستاني 40% خصم | موقع الانوار
الأحد مارس 17, 2024 1:25 pm من طرف رانيا حماد
» افضل معلم جبس بالرياض تركيب جبس بورد بالرياض 20% خصم اتصل الآن
الأحد مارس 17, 2024 1:09 pm من طرف رانيا حماد
» شراء اثاث مستعمل بالكويت بخصم 30%
الأحد مارس 17, 2024 12:54 pm من طرف رانيا حماد