اخفاء/إظهار كلمة المرور
السلام عليكم ورحمة الله وبركاته
اولا : نقوم بأضافة زر (Button) مع صندوق الادخال (EditText) في صفحة التصميم وهي (VIEW).
رابعا : نقوم بأضافة الاوامر التالية كما موضح ادناه .
* في الكود الذي تم اضافته في (Else) تقوم بتغيير (PASSWORD) الى (NORMAL) توجد نهاية الكود مع مراعاة الكتابة بالاحرف الكبيرة .
خامسا : نقوم الآن بتجميع التطبيق وذلك بالضغط على زر (Run) .
اليوم سنشرح في هذا التدوينة وهي كيف تقوم باخفاء واظهار كلمة المرور في تطبيقك وهي اضافة مستخدمة في مواقع او تطبيقات التواصل الاجتماعي وفي مواقع عدة حيث اقدم لك في الفيديو باظهار واخفاء كلمة المرور في تطبيقك بواسطة الزر (Button) مع تغيير النص في الزر فعند الاخفاء يستبدل الكود بدل اخفاء اظهار والعكس الصحيح ...
الشرح اولا : نقوم بأضافة زر (Button) مع صندوق الادخال (EditText) في صفحة التصميم وهي (VIEW).
ثانيا : نذهب الى حدث onCreate ونقوم بأضافة بلوك (setText) الموجود في (view) ونكتب اخفاء في المربع كما موضح بالصورة ادناه
* نبذة مختصرة عن حدث onCreate
هو حدث يقوم بتنفيذ الاوامر الموجودة فيه عند فتح التطبيق وكذلك مثلا يوجد عند صفحتين في التطبيق فعند التوجه الى الصفحة الثانية يقومم بتنفيذ الاوامر الموجودة في الصفحة الثانية وعند الرجوع الى الصفحة الاولى يقوم بتنفيذ الاوامر ايضا .
* نبذة مختصرة عن بلوك setText
هذا البلوك شائع الاستخدام في تطبيقات التواصل الاجتماعي فيستخدم مثلا في تطبيق مسنجر الخاص بشركة فيسبوك فعند ارسال رسالة يقوم هذا البلوك بأفراغ صندوق الادخال بعد ارسال الرسالة وله استخدامات عديدة فسيتم الشرح عنه اكثر في قناتنا ان شاء الله .
ثالثا : نذهب الى الزر ونقوم باضافة قيمة رقمية وهي (number) من خلال Veriableعن طريق بأسم (a) او اي اسم انت تريده .
شرح الصورة اعلاه
استعملنا بلوك الشرط IF/Else لتنفيذ امرين عند الضغط على الزر وتنفيذ الامرين يعتمد على المتغير الرقمي Number الذي اضفناه في If وكذلك في Else .
الية العمل
عند الضغط على الزر سيقوم بتنفيذ الاوامر الموجودة في If لان قيمة المتغير الرقمي = 0 ، فسيقوم باخفاء كلمة المرور وبنفس الوقت تزداد قيمة المتغير الرقمي وسبب الزيادة لاننا اضفنا بلوك Increase1 وهذا يعني زيادة قيمة المتغير الرقمي بمقدار واحد فكانت قيمته 0 وازدادت بمقدار واحد فالقيمة الحالية هي 1 وايضا يتغير نص الزر الى اظهار هذه الاوامر يتم تنفيذها عند الضغطة الاولى .
في الضغطة الثانية يقوم بتنفيذ الاوامر الموجودة في Else .
س / لماذا لا ينفذ الاوامر الموجودة في IF ؟
في IF وضعنا شرطاً وهو n = 0 وهذا الشرط لا يتحقق وسبب ذلك ان قيمة المتغير الرقمي n ازدادت بمقدار واحد اي اصبحت 1 عند الضغطة الاولى فينفذ ما الاوامر الموجودة في Else .
فعند الضغطة الثانية يجعل n = 0 اي قيمة المتغير الرقمي = 0 ليقوم بتنفيذ ما موجود في IF في حال ضغطنا مرة ثالثة وهكذا ينفذ امرين بواسطة المتغير n فيقوم بنفس الوقت اظهار كلمة المرور ويتغير نص الزر الى اخفاء .
* في الكود الذي تم اضافته في (Else) تقوم بتغيير (PASSWORD) الى (NORMAL) توجد نهاية الكود مع مراعاة الكتابة بالاحرف الكبيرة .
خامسا : نقوم الآن بتجميع التطبيق وذلك بالضغط على زر (Run) .
سادسا : نفتح التطبيق ونقوم بكتابة كلمة المرور المراد اخفائها كما موضح بالصورة ادناه .
سابعا : بعد كتابة كلمة المرور نضغط على الزر فنلاحظ انه تم اخفاء كلمة المرور وكذلك النص تغيّر من اخفاء الى اظهار فالزر عند فتح التطبيق يوجد نص فيه وهو اخفاء ويستعمل بعد كتابة كلمة المرور لأخفائها وبعد الضغط على الزر لاخفاء كلمة المرور سيتغيّر النص الى اظهار والذي سيظهر كلمة المرور كما موضح بالصورة ادناه .
الكود الاول
edittext1.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
الكود الثاني
edittext1.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_NORMAL);
*************************
الكود الثاني
edittext1.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_NORMAL);
* نبذة مختصرة عن الزر (Button)
الزر حاجة تستخدم لتنفيذ الاوامر المضافة فيه من قبل المبرمج وهذا الزر يحتوي على ثلاثة احداث
* نبذة مختصرة عن صندوق الادخال (Edittext)
هو عبارة عن صندوق يستخدم لادخال البيانات فيه وهو شائع الاستخدام في تطبيقات عديدة فمنها يستخدم في تطبيقات التواصل الاجتماعي وذلك بأدخال الرسالة فيه ...
*************************
اتمنى الشرح مفهوم السلام عليكم ورحمة الله وبركاته
