سوف نتعلم الآن كيفية إضافة أيقونة لتطبيقنا الأول كما إنشائه سابقا , طبعا تستطيع وضع الصورة بشكل يدوي لكن الأمر متعب قليل لتجعل اليقونة متوافقة من حيث الدقة لجميع الأجهزة, فبرنامج
الأندرويد ستوديو يستلم عنك ذلك.
في البداية عند فتحنا لمجلد mipmap كما ذكرنا سابقا انه المجلد الذي يحتوي على الايقونات. سوف
نجد الأيقونة الإفتراضية للتطبيق متكررة خمس مرات كما في الصورة :
هذه الأيقونة تم تكرراها بمختلف الحجام والقياسات لتتناسب مع مختلف الأجهزة
سواء كانت كبيرة أو صغيرة.
الآن نقوم بحذف هذه الصورة ليتم حذف الخمسة نسخ منها.
بعد الحذف : نقوم بالضغط على المجلد بالزر اليمن ونختار New ثم Asset Image .
سوف تظهر لك النافذة التالية :
في الجزء الأيمن من النافذة يظهر لك معاينة للأيقونة, أما بالنسبة للأرقام الموضحة :
1 / لماذا تريد هذه الأيقونة ؟ .. هل هي ايقونة للتطبيق, أو ازرار للأكشن بار و التابات أو لشريط
الإشعارات.
2 / هل تريدها صورة من جهازك, أو قصاصة فنية تختارها من البرنامج, أو نص ؟! ..
3 / المسار لتختار منه مسار الصورة من جهازك.
4 / إذا كان في مساحة فارغة بالصورة بتم تقليصها.
5 / التحكم بحشو الصورة بمعنى آخر تكبير وتصغير الأيقونة. 6 / بمعنى لو وضعنا الصورة داخل شكل هل يتم تقليص الصورة لتصبح وسط الشكل او يتم قص
الصورة لتناسب الشكل.
7 / لتحديد شكل, دائرة أو مربع إلخ كإطار وداخله القصاصة او الصورة او النص.
8 / خلفية أو لون الشكل.
9 / اسم الأيقونة واتركه كما هو إن أردت استخدم الأيقونة للتطبيق.
مع العلم إن جميع الخيارات أحيانا تختلف مع اختيار خيارات اخرى. مثل لو استخدمنا النص كمثال :
وأما القصاصات الفنية الموجودة حاليا بالبرنامج :
بعد إنشاء الأيقونة التي تريد إضغط على التالي Next ثم انتهاء .Finish وتم الأضافة بنجاح.
التعرف على واجهة جهاز الأندرويد
ما يهمنا معرفته إن في جوالات الأندرويد يوجد فيها ثلاث أزرار خارج الشاشة, إي هاردوير , الأول زر الباك او زر الرجوع للخلف, والوسط زر المنزل او الهوم او الانتقال لرئيسية النظام, والزر الثالث هو زر القائمة, والزر الثالث حاليا في الجوالات الحديثة يبدأ الاستغناء عن مهمته هذه لصبح زر لعرض نوافذ
التطبيقات الأخيرة. ويصبح زر القائمة موجود أساسا في شريط على التطبيق يسمى الأكشن بار.
الذي أتكلم عنه جوالات السامسونج ولكن يوجد أجهزة أخرى لا يوجد لديها أزرار خارجية, الأزرار نفسها تصبح على الشاشة. فزر القائمة مثل بعض الأجهزة تجده على شريط الأكشن بار والبعض
منها في زر خارجي للجهاز والبعض زر على الشاشة في السفل أساسي.
ونذكر هذه المعلومات لأننا سوف نتعامل معها برمجيا . فنستطيع إعطاء الأوامر التي نريدها لزر الرجوع
ما الذي يقوم به ممكن مهام أخرى, وكذلك زر القائمة وحتى الزر الأساسي للرئيسية.
التعرف على واجهة Layouts
اللياوت أو الواجهة ذكرنا سابقا إنها تعتمد على لغة XML في البناء ولكن الآن سوف نتعرف كيف
نتعامل معها وكيف نقوم بتحريرها وإضافة العناصر . من ثم في الدروس القادمة سوف نتعلم كيف
نقوم بمعاينة هذه الواجهات بشكل حقيقي.
/1 عند النقطة الأولى توجد الملفات المفتوحة حاليا .
/2 عند النقطة الثانية يوجد جهة العنصر يمين يسار إلخ, + تكبير/تقليص مساحة عرض وارتفاع
العنصر. , ومن الطرف اليمن للنقطة الثانية, تكبير وتصغير شاشة العرض, وفتح شاشة التكست فيو.
/3 يوجد عدة أزرار, إنشاء جهة أفقية لهذه اللياوت, إنشاء قياسات مختلفة لهذه اللياوت, معاينة هذه
اللياوت على مختلف القياسات, معاينة اللياوت على اتجاه مختلف من اليمين الى اليسار والعكس, كذلك معاينتها على مختلف إصدارات الاندرويد, اختيار جهاز معين لمعاينة مؤقتة لهذه اللياوت, تغيير اتجاه اللياوت للاتجاه الفقي, معاينة العمل على عدة استايلت, ربط هذه اللياوت بملف جافا, ربط وهمي فقط لتتذكر إين هو ملف الجافا المسؤول عن هذه اللياوت, معاينة اللياوت على عدة لغات
ومعاينتها على إصدارات إندرويد حسب الاصدارات التي تم تنزيلها لديك في حزم .SDK
/4 العناصر التي سوف تستخدمها في اللياوت, مثل النص والصورة والزر وأنواع اللياوت المختلفة, إلخ.
/5 هنا تجد النمط الشجري للعناصر, وهذا ما قلنا عن أب وأبن ,, تستطيع إضافة العناصر متداخلها
ببعضها, وأنواع اللياوت من العناصر فقط هي من تسمح إن تضع داخلها عناصر اخرى.
/6 الخصائص للعنصر المحدد عليه, مثل الطول والعرض والنص واللون والحجم والتجاه والمعرف إلخ.
/7 التنقل ما بين شاشة الديزاين فيو والتكست فيو, إي بمعنى شاشة التصميم أو واجهة التصميم
والتي هي سهلة للمبتدئين بإضافة وحذف العناصر, إما شاشة التكست فيو فتعتمد على الكتابة
أكواد .XML والاثنين لنفس اللياوت, إي تستطيع التعديل من هنا أو هنا كيف شئت.
سوف يتم شرح أغلب النقاط السابقة بشكل منفصل عند استخدامها
عدة نماذج من خلال التحكم بالزرار الخاصة بالعرض :
بالنسبة لي أكثر وضعية أفضلها, هي شاشة التكست فيو مع المعاينة, تعطيني صلاحية أكبر في
التعديل, ومفيدة لمن يعرف الخصائص وكيف يتعامل معها, كما في الصورة :
سوف نتعرف في دروس قادمة على هذه العناصر, وما فائدتها, وما هي الخصائص داخلها, ويوجد خصائص أساسية لبعض العناصر, سوف نتعرف عليها جميعها .. ولكن أخي القارئ لا تتسرع اقرأ على مهلك وطبق بإحكام, حتى ولو كانت هذه الأمور سهلة وبسيطة, ولكن على غيرك هي جديدة تماما .
لإضافة العناصر من شاشة الديزاين فيو, فقط قم بسحب العنصر ووضعه على شاشة اللياوت, ومن شاشة التكست فيو قم بفتح >وسم العنصر الذي تريد مع إغلقه بعد كتابة الخصائص التي تريدها داخله.
