لون عنوان الصفحة مع نص فرعي _ Sketchware

احمد جمال

4 Mar, 2020

السلام عليكم ورحمة الله وبركاته

في هذه التدوينة اقدم لك فيها كيف تقوم بتغيير اسم الصفحة ولون الاسم ونص اسفل اي فرعي يكون تحت اسم الصفحة في شريط العنوان Actionbar نبدأ الشرح على بركة الله ...

الشرح

اولا : ندخل الى حدث (onCreate) ونقوم باضافة عن طريق operator اخر بلوك وهو (add source directly) عدد اثنين كما موضح بالصورة ادناه .

* يستخدم البلوك (add source directly) لاضافة الاكواد فيه فنحن نعرف البلوكات طريقة سهلة لبناء تطبيقك بدلا من كتابتك للاكواد يدوياً فالبلوكات عبارة عن اكواد فهذا البلوك يستخدم في حال لم يكن هذا الكود موجود ضمن البلوكات .

نبذة مختصرة عن حدث onCreate

تضاف الاوامر في هذا الحدث ويتم تنفيذ الاوامر الموجود فيه عند فتح التطبيق في حال كانت الصفحة هي الصفحة الرئيسية وايضا يتم تنفيذها الاوامر عند التنقل بين الصفحات يعني لو انتقلنا الى صفحة مثلا الاعدادات ورجعنا للصفحة الرئيسية فايضا يتم تنفيذ الاوامر الموجودة في هذا الحدث .

ثانيا : في البلوك الاول نقوم باضافة الكود الاول كما موضح بالصورة ادناه فمن خلال الكود ادناه نغير اسم الصفحة وكذلك لون الاسم فلتغيير اللون يوجد كما موضح بالصورة 000000 فهذا هو كود اللون الاسود فتغير اللون الى اللون الذي يعجبك وذلك بكتابة الكود الخاص باللون .

اما بالنسبة للعنوان فيكتب بين هاذين الرمزين >< فمثلا اسم الصفحة الاعدادات فيكتب بين الرمزين بهذا الشكل >الاعدادات< فبهذا الشكل تكتب اسم الصفحة في حال تريد كتابة اسم الصفحة بدون الحاجة لتغيير اللون فتكتفي ببلوك Activity set title فمن خلال هذا البلوك تغير اسم الصفحة .

* نتوصل الى شريط العنوان والذي يحتوي على اسم التطبيق عن طريق النص getActionBar(). فبعد النقطة (.) نقوم بكتابة الاوامر التي نريد تنفيذها على شريط العنوان الان سنعطيك بعض الامثلة :

getActionBar().show();

يستخدم الكود اعلاه لاظهار شريط العنوان

getActionBar().hide();

يستخدم الكود اعلاه لاخفاء شريط العنوان

هذه بعض الامثلة للوصول الى شريط العنوان وتنفيذ الاوامر عليه الان نرجع الى كودنا المختص بتغيير اسم ولون التطبيق فمثلما تلاحظون يوجد في الصورة السابقة #000000 هنا تحدد اللون فهنا اللون اسود اذا تريد ابيض مثلا #FFFFFF هذا يعطيك اللون الابيض اما لطريقة تغيير العنوان فمثلما تلاحظون ايضا في الصورة السابقة يوجد بعد اللون هاتين العلامتين >< فبينهما تقوم بكتابة الاسم الذي تريده للصفحة والذي سيظهر في شريط العنوان .

ثالثا : في البلوك الثاني تقوم باضافة الكود الثاني المختص باضافة نص او نصوص اسفل اسم الصفحة كما موضح بالصورة ادناه .