بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
Gesture Event Properties
خصائص أحداث الحركة
كما سبق أن شرحنا في الدرس السابق فان أهم خصائص أحداث الحركة
نجدها في كلاس TransformGestureEvent في الصورة أسفله

وتطبيق أوامر الحركة على العناصر في مشروع العمل سهل وبسيط يكفي أن تحدد نوعية
الحدث والعنصر المطلوب واستدعاء الوظيفية وهذا توضيح لوظيفة هاته الخصائص :
GESTURE_PAN التتحريك باصبعين
GESTURE_ROTATE التدوير
GESTURE_SWIPE السحب
GESTURE_ZOOM التكبير
وطبعا يمكن تتبع مختلف الاحداث في أي حركة من الحركات المذكورة وتنفيذ أي أوامر
كما شرحنا في درس أحداث اللمس يعني متابعة مراحل الاحداث GESTURE Phase .
GESTURE_PAN
هاته الخاصية لتحريك العنصر باعتماد اللمس باصبعين في نفس الوقت
في الاتجاه الذي ترغب به افقي أو عمودي أو في كل الاتجاهات الكود التالي يوضح الامر :
كود:
Multitouch.inputMode = MultitouchInputMode.GESTURE; square_mc.addEventListener(TransformGestureEvent.GESTURE_PAN , onPan); function onPan (e:TransformGestureEvent):void{ square_mc.x += e.offsetX; square_mc.y += e.offsetY; }
GESTURE_ROTATE
هاته الخاصية لتدوير العنصر باللمس باصبعين كما في الكود التالي :
كود:
Multitouch.inputMode = MultitouchInputMode.GESTURE; square_mc.addEventListener(TransformGestureEvent.GESTURE_ROTATE , onRotate); function onRotate (e:TransformGestureEvent):void{ square_mc.rotation += e.rotation; }
GESTURE_SWIPE
هاته الخاصية لسحب العنصر باتجاه اليمين أو اليسار أو أعلى أو أسفل كما في الكود التالي
كود:
Multitouch.inputMode = MultitouchInputMode.GESTURE; stage.addEventListener(TransformGestureEvent.GESTURE_SWIPE , onSwipe); function onSwipe (e:TransformGestureEvent):void{ if (e.offsetX == 1) { //User swiped towards right square_mc.x += 100; } if (e.offsetX == -1) { //User swiped towards left square_mc.x -= 100; } if (e.offsetY == 1) { //User swiped towards bottom square_mc.y += 100; } if (e.offsetY == -1) { //User swiped towards top square_mc.y -= 100; } }
هاته الخاصية لتكبير العنصر كما في الكود التالي :
كود:
Multitouch.inputMode = MultitouchInputMode.GESTURE; square _mc.addEventListener(TransformGestureEvent.GESTURE_ZOOM , onZoom); function onZoom (e:TransformGestureEvent):void{ square_mc.scaleX *= e.scaleX; square_mc.scaleY *= e.scaleY; }
في الدرس القادم ان شاء الله نشرح أكثر كل حدث من هاته الاحداث الاربعة بالتفصيل .
الدرس التاسع
استودعكم الله
تعليق