إضافة أزرار أيقونات إلى Toolbar إلى تطبيق الأندرويد عبر ملف menu

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

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

تدوينتا اليوم عن وضع أزرار على شكل أيقونات إلى Toolbar وهذا شيء مهم جدا لتصميم التطبيق ومظهره الجمالي .

وجل عملنا اليوم في ملف menu.xml وملف MainActivity.java .

أولا : الذهاب لملف menu داخل مجلد menu في res ( لكل أكتيفيتي ملف menu خاص به )

  • لدينا اكتيفيتي اسميناها icon وهذا ملف menu الخاص بها :
ما يهمنا شيئان هما :

  • المسؤول عن شكل ال item إما ك icon أو بشكل افتراضي ضمن ال list ( القائمة الافتراضية ) .
والتي سنغيرها لتصبح على شكل أيقونة فتصبح هكذا :
  • ال icon لل item و هذه يجب كتابتها بأنفسنا .
وهنا ستضع مصدر الأيقونة من drawable , mipmap , ……

ولبرمجة حدث الضغط من ملف الجافا وهنا لدينا icon.java :

عبر دالة onOptionsItemSelected الموجودة مسبقا عند إنشاء أي اكتيفيتي ,  نكتب الكود في مكان your code// وفي حال كان لدينا أكثر من item ننشأ جملة شرطية مع ال id الخاص بال item .

والآن المثال كاملا :

  •  ملف ال menu :
الاختلاف في الايقونة هنا وهي أيقونة المشاركة الافتراضية المقدمة من أندرويد حيث تستطيع رؤيتها بكتابة a بعد /drawable حيث ستظهر كل الأيقونات.

  • ملف الجافا :
نتيجة المحاكاة ( مظهر ال Toolbar ) :

toolbar

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

ملاحظة : يمكنكم وضع عدة أيقونات بجانب بعضها بإضافة item بنفس الطريقة وبالنسبة للترتيب بالإمكان التحكم من خلال ملف menu بتغير مواقع الأكواد الخاصة بكل أيقونة لدينا .

انتهت تدوينتنا , دمتم في رعاية الله .

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

عن محمد معتز الشاغل

محمد معتز ، شاب سوري من حلب ، مواليد 2000 ، شغوف بالبرمجة وبرمجة الأندرويد خاصة وعالم التقنية بشكل عام ، محب للشعر العربي ، أسعى لتطوير نفسي من الانترنت بكل ماهو مفيد ، أعجبني موقع أندرودي بتدويناته البسيطة والمفيدة .

شاهد أيضاً

كيفية تغيير الباكيج نيم Package من الاندرويد ستوديو

بسم الله الرحمن الرحيم الكثير من المبتدئين في مجال برمجة تطبيقات الاندرويد, عندما يقوموا بتحميل …

6 تعليقات

  1. ibrahim turbosh

    بارك الله فيك اخي… مشكور لجهودك

  2. السلام عليكم ..

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

    شكرا لك على هالشرح الجميل .

  3. اتمنى لو ترفق مثال عملي وجزاك الله خيرا

    • محمد معتز الشاغل

      أخي الكريم … المثال موجود ضمن الشرح اي هذه هي الطريقة 😊 ، وإياكم

  4. abualgasim ismail

    السلام عليكم ورحمة انا سعيد جدا ان اكون عضو في هذا الموقع وشكرا
    عاوز اكواد كيف اعمل ايقونات تطبيق مثل ايقونات التلفون التتحرك يمين او يسار

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

− 2 = 2