دليل المدون

2016-11-27

كيفية تركيب أيقونة لتطبيق الأندرويد ببرنامج Android studio

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين
   الآن وبعد أن أتممت تطوير وتصميم تطبيق الأندرويد الخاص بك بإستخدام برنامج Android Studio  لا يبقى سوى تركيب أيقونة تعبر عن التطبيق وتحتوى على شعار مشروعك ، لتظهر فى النهاية بشكل مناسب سواء على متجر Google play أو الشاشة الرئيسية على هاتف المستخدم.

android app icon
فى هذا الدرس سأقوم بشرح كيفية إنشاء أيقونة بدء تشغيل التطبيق أو ما يعرف بــ Launcher icon ولكن يمكن تنفيذ نفس الخطوات عند صنع أى أيقونة تُستخدم داخل التطبيق مثل أيقونة الإشعارات أو أيقونات القوائم،.....

كيفية إنشاء أيقونة لتطبيق الأندرويد ببرنامج أندرويد ستوديو

توجه إلى برنامج أندرويد ستوديو ثم من إضغط   File>>New>>>Image Asset
android studio image asset
لتفتح معك نافذة يمكن من خلالها تصميم الأيقونات سواء كانت تتكون من نص أو رمز أو صورة
لاحظ أنه هناك عدة أيقونات بأبعاد مختلفة لتظهر بنفس الجودة على جميع الشاشات بأحجامها المختلفة.

إنشاء أيقونات نصية

وذلك بإختيارText وإستبدال "Aa" بإسم التطبيق الذى يُمثل الأيقونة ، يمكن أيضًا تغيير نوع الخط واللون من خلال هذه النافذة كما بالصورة:
android studio icon generator

إنشاء أيقونات تحتوى على رموز موجودة بالبرنامج Clipart

يحتوى برنامج أندرويد ستوديو عدة رموز يمكن من خلالها تصميم أيقونة خاصة بك ، فعند تحديد Clipart ثم الضغط على رمز الأندرويد ، تفتح نافذة تحتوى على العديد من الرموز
android studio icon
android studio clipart

إنشاء أيقونات تحتوى على صورة 

إذا كنت ستقوم بنشر تطبيقك على جوجل بلاى فعليك بتجهيز صورة بأبعاد 512x512 بكسل.
يمكنك من خلال إختيار image إدراج صورة تحتوى على شعار يعبر عن تطبيقك وذلك من خلال إستدعاء مسار الصورة الموجودة بحاسوبك
android studio launcher icon
إقرأ أيضًا: كيف تصمم شعار إحترافى لتطبيقك؟
  • التحكم فى خصائص الأيقونة
يمكن من خلال نفس النافذة تغيير حجم ، لون الأيقونة ، لون وشكل الخلفية ،..........  
android studio launcher logo
بعد الإنتهاء من تصميم الأيقونة إضغط Next ثم Finish

مكان هذه الأيقونات فى ملف مشروع التطبيق

بعد تركيب الأيقونة ستلاحظ أنها مدرجة فى ملف mipmap بخمس قياسات يمكن معاينتها بالضغط عليها كالمثال التالى:
android studio launcher icon
والآن يمكنك معاينة شكل الأيقونة على هاتفك مباشرة أو من خلال المحاكى.
أتمنى أن أكون وُفقت فى الشرح و لا تنسى مشاركة الموضوع
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك تعليقان (2)

  1. السلام عليكم ورحمة الله وبركاته، ما شاء الله تبارك الرحمن شرح آخر مميز ومفيد، بارك الله فيك وفي جهودك، يا ريت لو تضعي شرح عمل نافذة صغيرة منبثقة للتطبيق تدعو مستخدم التطبيق إلى صفحة تقييم التطبيق وإبداء الرأي على الغوغل بلاي ، مع شكري وتقديري لمجهودك ربي يحفظك

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

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون