اضافة مؤثرات حركية للعناصر داخل تطبيقات الأندرويد برمجياً

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

مرحباً بكم متابعينا في هذا الشرح الجديد و المهم لكافة المبرمجين المبتدئين الذين يتابعونا و هو حول كيفية أضافة مؤثرات حركية داخل تطبيقات أندرويد ,

الكل يعلم متابعينا أن اليوم أصبحت المنافسة كبيرة و التطبيقات العربية تزداد يوماً بعد يوم مما يجعل المنافسة قوية و يجب على المبرمج عمل تطبيقات أكثر أحترافية و جاذبية للجماهير من أجل الحصول على جمهور كبير لتطبيقه ,

و من الأشياء التي تجذب الجمهور هو تصميم التطبيق و جماليتهُ هو شيء أساسي لأكتساب الجمهور و عدم شعورِهم بالملل مِنْ التطبيق ,  و يشمل التصميم أقسام مهما منها ألوان التطبيق و أشكال الأيقونات داخل التطبيق  و أيضاً  المؤثِرات الحركية التي سوفَ نشرح أضافتها داخل تطبيقات الأندرويد ,

و نبدأ الشرح على بركة الله 

# أولاً نقوم بأنشاء مجلد جديد بأسم anim داخل مجلد الـ res و سوف يكون هذا المجلد الذي سوف يحتوي على كافة ملفات xml لأننا سوف نجعل لكل تأثير حركي نضيفه للتطبيق ملف xml خاص به  كما في الصورة التالية

anim folder

و الأن بعد أنشاء ملف anim سوف نشرح كيفية أضافة التأثير الحركي مع مثال و نبدأ مع مثال بسيط و هو تأثير zoom in

1 – ننشأ ملف xml جديد يأسم zoom_in.xml و نضيف الكود التالي داخله

*طبعاً الكود السابق نستطيع التعديل عليه مثل

2 – الأن أضافة تأثير zoom in برمجياً
يكون ملف الجافا بالشكل التالي

يمكنك أعطاء أمر أن يبدأ التأثير الحركي عند الضغط على زر مثلاً بأضافة التالي

 

و هذا ملف جافا كامل يشمل كل ما أجريناه سابقاً فقد قمنا بوضع صورة و زر و عند الضغط على الزر يتم تشغيل التأثير zoom in و تكبر الصورة

و هذه محتويات ملف اللياوت للمثال السابق فهو يحتوي على صورة واحدة و زر واحد

 

الان أصبح لدينا صورة كاملة حول كيفية أضافة تأثير معين لأحد الكائنات في تطبيق الأندرويد

1- عمل ملف xml للتأثير 2- أضافة الأمر برمجياً لتشغيل التأثير و ربطه بأحد الكائنات أن كان صورة أو زر

# ثاتياً  الأن و بنفس الطريقة نضيف بقية التأثيرات الحركية و نذكر بعضها

1- التأثير الحركي zoom in : كما ذكرنا سابقاً يمكن التعديل عليه و ملف xml الخاص به بالشكل

 

2- التأثير الحركي zoom out :

 

3- التأثير الحركي fade in :

 

4- التأثير الحركي fade out :

 

5- التأثير الحركي cross fading :  و هو عبارة عن تأثير حركي يضم الـ fade in و الـfade out  يتم تنفيذهما بنفس الوقت فعند استخدامه يختفي عنصر و يظهر أخر مكانه مثل أختفاء نص و ظهور نص أخر مكانه و هذا التأثير بدون ملف xml فقط يتم تشغيل التأثيرين السابقين كما ذكرنا و مثال على هذا لقد قمنا بأضافة صورتين و عند تشغيل التأثير الحركي تختفي الصورة و تظهر أخرى مكانها

 

6- التأثير الحركي blink :

7- التأثير الحركي bounce :

8- التأثير الحركي move :

9- التأثير الحركي rotate :

10-التأثير الحركي sequential :

11- التأثير الحركي slide up :

12- التأثير الحركي slide down :

13- التأثير الحركي together :
و هو وضع تأثيرين حركيين في نفس ملف xml

 

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

لتحميل المشروع اضغط هنا

 

 

عن mahbob yosf

محبوب الحسين , 20 . من سوريا , مهتم بجديد تكنولوجيا المعلومات و مهتم ببرمجة و تطوير تطبيقات الأندرويد و بدايتي مع برمجة تطبيقات الأندرويد كانت من هنا "أندرودي عربي"

شاهد أيضاً

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

بسم الله الرحمن الرحيم اليوم في هذه التدوينة سوف نتعرف على كيفية إنشاء نص يتغير …

3 تعليقات

  1. السلام عليكم ورحمة الله وبركاته
    اشكرك على شروحاتك ومواضيعك الدائمه في تميزها
    ___
    بس عندي نقاط كمبتدئ في البرمجه للتطبيقات

    1- انا لا اعرف كيف احصل على تاثير واحد فقط
    او ابني تاثير بشكل خاص
    2- كمبتدئ لن يفيدني هذا الدرس فقط الفائدة هي نسخ ولصق
    للكود
    3- اتمنى شرحك المميز ان يكون فديو طريقة عمل كل تاثير بشكل خاص
    للأتجاهات

    ————————————
    اسف لهذي النقاط المذكورة ولاكن من اجل فائدة الجميع
    ومن اجل شرحك المميز لا يضيع في ايدي اشخاص اخرين

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

    روابط التحميل لا تعمل وشكرا

أضف تعليقاً

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