دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى!

اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Empty دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى!

مُساهمة من طرف أحمد مناع في الأربعاء مايو 08, 2013 2:57 pm

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



اهلا بكم إخوانى الكرام ...فى الجزء الثانى من درس كيفية التعامل مع المكونات التابعة للتصنيف Displayable ففى الجزء الاول أوضحنا أن هناك مكونات تابعة للحزمة javax.microedition.lcdui فى هذا الدرس إن شاء الله تعالى سنتعلم كيفية التعامل مع المكونات التابعة للحزمة org.netbeans.microedition.lcdui وهى على النحو التالى :

1_ المكون LoginScreen ....هذا المكون عبارة عن شاشة تسجيل دخول للتطبيق و التى تتطلب أسم
المستخدم و كلمة مرور و هذا المكون مفيد للتطبيقات البنكية لما يتطلبه سرية المعلومات .


ومن أهم الخصائص التى يتميز بها هذا المكون ما يلى :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680241362


_ الخاصية Background Color ....لتحديد لون خلفية شاشة تسجيل الدخول
_ الخاصية Foreground Color .....لتحديد لون الخط المستخدم فى شاشة الدخول
_ الخاصية Use Login Button ....لعمل زر الدخول تحت حقل اسم المستخدم و حقل كلمة المرور
_الخاصية Login Button Text .... لكتابة نص على زر الدخول
_الخاصية Login Title ..............وهى لوضع عنوان أو نص أعلى حقل أسم المستخدم وحقل كلمة المرور

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

_ قم بإضافة المكون LoginScreen وقم بتنسيق الخصائص اعلاه ....ثم قم بربط المكون بالحدث Started للمورد MIDlet

_ قم بإضافة عدد 2 مكون Alert ...ومع تنسيق خصائصهم ....فالمكون الاول أجل الخاصية String مفداها (عفوا يوجد خطأ فى أسم المستخدم و كلمة المرور ) ....و المكون الثانى ( لقد تم الدخول بنجاح ).....على أن يكون شاشة التطبيق بهذا الشكل :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680241363


_ قم بالذهاب الى صفحة كتابة الشفرة ثم حدد الطريقة public void commandAction (Command command, Displayable displayable) ...لتجد بها الكود التالى :

الكود:
if (displayable == loginScreen) {
if (command == LoginScreen.LOGIN_COMMAND) {


سنقوم بتعديل الكود السابق بإضافة بعض الاكواد الية ليصبح كما يلى :

الكود:
public void commandAction (Command command, Displayable displayable) {
 
 
if (displayable == loginScreen) {
if (command == LoginScreen.LOGIN_COMMAND) {

 String getuser=loginScreen.getUsername();
 String getpass=loginScreen.getPassword();
 
if (getuser.equals("egy") && getpass.equals("123")) {
switchDisplayable (getAlert (), getLoginScreen ());
} else {
switchDisplayable (getAlert1 (), getLoginScreen ());
}
 
 

}
}
 
}

فى السطر الثالث قمن بالاعلان عن المتغير getuser و ذلك لحفظ اسم المستخدم المدخلة من المستخدم وذلك عن طريق الاسلوب loginScreen.getUsername ....اما فى السطر الرابع قمنا بالاعلان عن المتغير getpass لحفظ كلمة المرور من المستخدم بأستخدام الطريقة getPassword .....بعد ذلك أستخدمنا جملة شرطية للتأكد من القيم المدخلة من المستخدم و مقارنتها بأسم المستخدم (egy) و كلمة المرور (123) فإن كانت القيم المدخلة صحيحة يتم اظهار رسالة يخبرنا بذلك و العكس صحيح ....و النتيجة كما فى الشكل التالى :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680242891

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680242892

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680242893



2_ المكون SplashScreen .....وهو عبارة عن شاشة افتتاحية تظهر لمدة معينة اثناء تحميل التطبيق ....ومن اهم خصائص هذا المكون الخاصية Image التى تتيح وضع صورة للشاشة ....الخاصية Text و التى تتيح لك كتابة نص فى الشاشة ....الخاصية Timeout و التى تحدد المدة الزمنية لابقاء الشاشة ظاهرة ثم تختفى ....فى مثالنا السابق سنقوم بادراج المكون SplashScreen ثم قم بربط المكون بالحدث Started للمورد MIDlet ....بعد ذلك ربطه بالمكون loginScreen كما فى الشكل التالى :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680244581

و النتيجة كما فى الشكل التالى :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680244582


3__ المكون Wait Screen .....وهو عبارة عن شاشة انتظار حتى تنفيذ أمر ما ....ومن اهم خصائص هذا المكون الخاصية Image التى تتيح وضع صورة للشاشة ....الخاصية Text و التى تتيح لك كتابة نص فى الشاشة ....وسيتم التعرف على كيفية استخدامة فى الامثلة التالية

4_ المكون File Browser ...وهو عبارة عن مكون مخصص الذي يوفر واجهة مستخدم للعمل مع نظام ملفات
الجهاز.حيث يستخدم لتصفح محتويات ذاكرة التخزين و الجوال ......اهم ما يميز هذا المكون الطريقة التابعة له getSelectedFile والتى من خلالها تستطيع تحديد او الحصول على الملف الذى تبحث عنه داخل الذاكرة ...

مثال :لقراءة ملف من ذاكرة الهاتف ....

_ قم بوضع المكون SplashScreen و ربطة بالحدث Started للمورد MIDlet


_ قم بوضع المكون File Browser ....وربطة بالحدث DISMISS_COMMAND الخاص بالمكون SplashScreen

_ قم بإضافة المكون TextBox و ربطة بالحدث SELECT_FILE_COMMAND الخاص بالمكون File Browser كما فى الصورة التالية :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680244583

_ سنقوم بإنشاء الطريقة التالية :


الكود:
private void readFile() {
   
          try {
            FileConnection textFile = fileBrowser.getSelectedFile();
            getTextBox().setString("");
            InputStream fis = textFile.openInputStream();
            byte[] b = new byte[1024];
            int length = fis.read(b, 0, 1024);
            fis.close();
            if (length > 0) {
                textBox.setString(new String(b, 0, length));
            }
        } catch (IOException ex) {
        }
       
    }


_ نقوم بتحديد الطريقة commandAction وبعد سطر الامر FileBrowser.SELECT_FILE_COMMAND نقوم بادراج الطريقة التى قمنا بإنشائها readFile();


4_المكون المكون PIM Browser ....وهو عبارة عن مستعرض يمكنك للوصول الى مهام الجوال بسهولة مثل دفتر العناوين و الاسماء المخزنة و التقويم و قائمة المهام و غيرها ....واهم ما يميز هذا المكون ان يحتوى على عدد 2 زر امر commana ....الاول details و الذى يقوم بعرض كافة البيانات المتعلقه بالاختيار المحدد ...فمثلا لو تم اختيار احد الاسماء تستطيع معرفة كافة التفاصيل لهذا الاسم





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Pim-emulator

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Pim-emulator2


الزر الثانى SELECT و الذى من خلاله تستطيع تنفيذ اى امر ...فمثلا نريد اظهار رسالة باسم المحدد ....نقوم بعمل البرنامج كما فى الشكل التالى :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Pim-flow

5_ المكون SMS Composer ....يستخدم هذا المكون لارسال الرسائل النصية القصيرة sms ....ومن اهم الخصائص المميزة لهذا المكون الخاصية Message Label و هى عنوان مربع الرسالة ...الخاصية Phone Number Label وهى عنوان مربع رقم المرسل الية ...الخاصية Message وهى الخاصية التى تتيح لنا كتابة الرسالة المراد ارسالها ....الخاصية Phone Number و التى تتيح لنا كتابة رقم جوال المرسل الية





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Sms-emulator


مثال ....نقوم بادراج المكونات التالية





Splash Screen
SMS Composer
Wait Screen
Alert (عدد 2)
نقوم بربط المكونات السابقة كما فى الشكل التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Sms-flow


_ من قائمة Navigator نحدد التصنيف Resources ثم نبحث عن task ثم النقر بزر الفارة اليمين ومن القائمة التى ستظهر أختر الامر go to source كما فى الصورة التالية :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680246551
لتفتح لك نافذة كتابة الشفرة فنكتب الامر التالى :

الكود:
smsComposer.sendSMS();

طبعا سيتم كتابة الامر فى المنقطة التى يوجد بها التعليق write task-execution user code here كما فى الصورة التالية :





دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Egy-tech13680246552


و الى هنا نكون قد انتهيا من هذا الدرس ....و اللى اللقاء إن شاء الله تعالى فى درس جديد

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
أحمد مناع
أحمد مناع
.
.

تاريخ التسجيل : 15/02/2011
المساهمات : 975
النقاط : 201755
التقيم : 116
الدولة : مصر
الجنس : ذكر

http://egy-tech.forumegypt.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Empty رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى!

مُساهمة من طرف لمار عادل في الخميس أغسطس 01, 2013 9:09 pm

مرسى على هذا الدرس ....
لمار عادل
لمار عادل
..
..

تاريخ التسجيل : 29/05/2013
المساهمات : 28
النقاط : 46
التقيم : 2
الدولة : مصر
الجنس : انثى

الرجوع الى أعلى الصفحة اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Empty رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى!

مُساهمة من طرف أيمن الإبراهيم في السبت أغسطس 03, 2013 9:31 pm

مشكوووووووووووور على جهود المبذولة
أيمن الإبراهيم
أيمن الإبراهيم
........
........

تاريخ التسجيل : 19/03/2013
المساهمات : 251
النقاط : 397
التقيم : 0
الدولة : سوريا
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Empty رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى!

مُساهمة من طرف Ma7moud 3ly في الإثنين مارس 03, 2014 10:15 pm

شكراً يا غالى على الشرح الرائع bounce
Ma7moud 3ly
Ma7moud 3ly
.
.

تاريخ التسجيل : 26/02/2014
المساهمات : 4
النقاط : 4
التقيم : 0
الدولة : مصر
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى! Empty رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(22)_برمجة تطيقات الجوال (4_التعامل مع المكونات التابعة للتويب Displayable) الجزء الثانى!

مُساهمة من طرف زهراء في الإثنين مايو 26, 2014 2:11 pm


بارك الله فيك
زهراء
زهراء
........
........

تاريخ التسجيل : 18/02/2011
المساهمات : 401
النقاط : 676
التقيم : 53
الدولة : مصر
الجنس : انثى

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

ََ

مواضيع ذات صلة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى