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

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


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





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

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

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

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





_ قم بالذهاب الى صفحة كتابة الشفرة ثم حدد الطريقة 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) فإن كانت القيم المدخلة صحيحة يتم اظهار رسالة يخبرنا بذلك و العكس صحيح ....و النتيجة كما فى الشكل التالى :





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





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





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

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

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

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


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

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





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

الكود:

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 و الذى يقوم بعرض كافة البيانات المتعلقه بالاختيار المحدد ...فمثلا لو تم اختيار احد الاسماء تستطيع معرفة كافة التفاصيل لهذا الاسم





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




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





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





نقوم بربط المكونات السابقة كما فى الشكل التالى :




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





لتفتح لك نافذة كتابة الشفرة فنكتب الامر التالى :

الكود:

smsComposer.sendSMS();

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





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

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

مشكوووووووووووور على جهود المبذولة

شكراً يا غالى على الشرح الرائع 

بارك الله فيك