fbpx

إضافة أزرار أيقونات إلى 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 بتغير مواقع الأكواد الخاصة بكل أيقونة لدينا .

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

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

عن مساهم

شاهد أيضاً

برمجة custom Toast بطرق مختلفة

بسم الله الرحمن الرحيم الكثير منا عندما يبرمج تطبيق للاندرويد يحتاج الى وضع Toast في …

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

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

إضافة اعلانات Admob لسورس تطبيق الطريق إلى النجاح

بسم الله الرحمن الرحيم قبل مدة قمنا بنشر  “ سورس تطبيق الطريق إلى النجاح “, …

6 تعليقات

  1. ibrahim turbosh

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

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

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

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

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

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

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

  4. abualgasim ismail

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

ضع بصمتك بتعليق يعبر عن امتنانك

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

%d مدونون معجبون بهذه: