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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

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



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








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





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




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






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

الرمز:
smsComposer.sendSMS();

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








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

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

إن فقدت مكان بذورك التي بذرتها يوما ما سيخبرك المطر أين زرعتها ..لذا إبذر الخير فوق أي أرض وتحت أي سماء ومع أي أحد.. فأنت لا تعلم أين تجده ومتى تجده؟! إزرع جميلا ولو في غير موضعه .... فلا يضيع جميلا أينما زرعا .. فما أجمل العطاء... فقد تجد جزاءه في الدنيا أو يكون لك ذخرا في الآخرة

أحمد مناع
.
.

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

http://egy-tech.forumegypt.net

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

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

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

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

لمار عادل
..
..

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

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

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

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

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

أيمن الإبراهيم
........
........

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

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

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

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

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

Ma7moud 3ly
.
.

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

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

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

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


بارك الله فيك

زهراء
........
........

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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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