القائمة الرئيسية

الصفحات

تحريك العناصر عند الضغط عليها في سكتشوير

تحريك العناصر عند الضغط عليها في سكتشوير

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

تاثير عند الضغط على زر معين

كيفية تحريك العناصر سكتشوير

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


اولا تابع الفيديو التالي لتكون لديك فكرة واضحة عن مسار هذا الدرس:



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


إضافة العناصر (COMPONENT)

العناصر (COMPONENT)
إضافة المكونات


أولا نقوم بالذهاب الى تطبيق سكتشوير ونتوجه الى التبويب(COMPONENT) ومن ثم نقوم بالضغط على علامة (+)، ومن ثم نقوم باختيار المكون object Animation كما هو مبين بالصورة أسفل.

المكون(objectAnimation)
أختيار المكون(objectAnimation)


نقوم بالإضافة المكون(object Animation) مرتين كما هو مبين بالصورة اسفل ونقوم بكتابة كل مكون باسم يختلف عن الاخر.

المكون(objectAnimation) الاول



بعد الانتهاء من إضافة ال المكون(object Animationنقوم بالتوجه الى تبويب المزيد من البلوكات (MoreBlock)، لعمل تشطيب للبوك الذي سوف نستخدمه في هذا الشرح.

اضافة البلوكات


أضافة البلوك MoreBlock و إضافة المتغيرات

MoreBlock


أولا في الخانة رقم 1 والتي تحتوي على اسم (Block Name)، نقوم بكتابة الاسم (Click Animation)، بدون مسافة أو فراغ، حتى لا يحصل هناك مشكلة في البلوك اذا عملنا (Run)للتطبيق.


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


إضافة المتغيرات



أولا نقوم بالذهاب الى (Add Variable) ونضغط على التبويب (Boolean) ونقوم باضافة كافة المتغيرات، شاهد الفيديو لكيفية إضافة المتغيرات التي سنستخدمها في البلوك.


اختيار البلوك المحدد من قائمة البلوكات 

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

اختيار بلوك التاثير


إذا أردت تقليص حجم العنصر عند الضغط عليه كل ما عليك فعله هو فقط أن تقوم بتغيير  قيمة المتغير value الى العدد 0.8 بدلا من 1.2


كل مأتم شرحة موجود بهذا الفيديو :


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

مواضيع أخرى مهم بالنسبه لك

تعليقات

محتويات المقالة