azizsoft
30-03-2016, 03:06 AM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
Gesture Event Properties
خصائص أحداث الحركة
كما سبق أن شرحنا في الدرس السابق فان أهم خصائص أحداث الحركة
نجدها في كلاس TransformGestureEvent في الصورة أسفله
http://www.mediafire.com/convkey/8fcf/ufc6rndd7yinblizg.jpg?size_id=5
وتطبيق أوامر الحركة على العناصر في مشروع العمل سهل وبسيط يكفي أن تحدد نوعية
الحدث والعنصر المطلوب واستدعاء الوظيفية وهذا توضيح لوظيفة هاته الخصائص :
GESTURE_PAN التتحريك باصبعين
GESTURE_ROTATE التدوير
GESTURE_SWIPE السحب
GESTURE_ZOOM التكبير
وطبعا يمكن تتبع مختلف الاحداث في أي حركة من الحركات المذكورة وتنفيذ أي أوامر
كما شرحنا في درس أحداث اللمس يعني متابعة مراحل الاحداث GESTURE Phase .
GESTURE_PAN
هاته الخاصية لتحريك العنصر باعتماد اللمس باصبعين في نفس الوقت
في الاتجاه الذي ترغب به افقي أو عمودي أو في كل الاتجاهات الكود التالي يوضح الامر :
Multitouch.inputMode = MultitouchInputMode.GESTURE;
square_mc.addEventListener(TransformGestureEvent.G ESTURE_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.G ESTURE_ROTATE , onRotate);
function onRotate (e:TransformGestureEvent):void{
square_mc.rotation += e.rotation;
}
GESTURE_SWIPE
هاته الخاصية لسحب العنصر باتجاه اليمين أو اليسار أو أعلى أو أسفل كما في الكود التالي
Multitouch.inputMode = MultitouchInputMode.GESTURE;
stage.addEventListener(TransformGestureEvent.GESTU RE_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;
}
}
GESTURE_ZOOM
هاته الخاصية لتكبير العنصر كما في الكود التالي :
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;
}
في الدرس القادم ان شاء الله نشرح أكثر كل حدث من هاته الاحداث الاربعة بالتفصيل .
الدرس التاسع (http://www.abc4web.net/vb/showthread.php?t=33361)
استودعكم الله
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
Gesture Event Properties
خصائص أحداث الحركة
كما سبق أن شرحنا في الدرس السابق فان أهم خصائص أحداث الحركة
نجدها في كلاس TransformGestureEvent في الصورة أسفله
http://www.mediafire.com/convkey/8fcf/ufc6rndd7yinblizg.jpg?size_id=5
وتطبيق أوامر الحركة على العناصر في مشروع العمل سهل وبسيط يكفي أن تحدد نوعية
الحدث والعنصر المطلوب واستدعاء الوظيفية وهذا توضيح لوظيفة هاته الخصائص :
GESTURE_PAN التتحريك باصبعين
GESTURE_ROTATE التدوير
GESTURE_SWIPE السحب
GESTURE_ZOOM التكبير
وطبعا يمكن تتبع مختلف الاحداث في أي حركة من الحركات المذكورة وتنفيذ أي أوامر
كما شرحنا في درس أحداث اللمس يعني متابعة مراحل الاحداث GESTURE Phase .
GESTURE_PAN
هاته الخاصية لتحريك العنصر باعتماد اللمس باصبعين في نفس الوقت
في الاتجاه الذي ترغب به افقي أو عمودي أو في كل الاتجاهات الكود التالي يوضح الامر :
Multitouch.inputMode = MultitouchInputMode.GESTURE;
square_mc.addEventListener(TransformGestureEvent.G ESTURE_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.G ESTURE_ROTATE , onRotate);
function onRotate (e:TransformGestureEvent):void{
square_mc.rotation += e.rotation;
}
GESTURE_SWIPE
هاته الخاصية لسحب العنصر باتجاه اليمين أو اليسار أو أعلى أو أسفل كما في الكود التالي
Multitouch.inputMode = MultitouchInputMode.GESTURE;
stage.addEventListener(TransformGestureEvent.GESTU RE_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;
}
}
GESTURE_ZOOM
هاته الخاصية لتكبير العنصر كما في الكود التالي :
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;
}
في الدرس القادم ان شاء الله نشرح أكثر كل حدث من هاته الاحداث الاربعة بالتفصيل .
الدرس التاسع (http://www.abc4web.net/vb/showthread.php?t=33361)
استودعكم الله