在Windows ce中为Silverlight元件注册手势事件以实现拖拽效果

   接上回:Wince中为元件注册鼠标事件以实现Canvas中的拖拽效果今天接着介绍一下如何在Windows ce中为Silverlight注册手势事件以实现上面的拖拽效果，移动相关的代码都在上面了下面主要介绍不同的地方
   1、设置几个全局变量来记录当前移动的元件对象，移动开始时的坐标，移动的坐标，当前是否处于移动状态(手势所取得的坐标是POINTS格式而不是XRPoint格式)
POINTS beforePoint; //開始鼠標點擊坐標 POINTS beforeMove = {0,0}; //鼠标移动前坐标 POINTS endPoint; //鼠标移动到的坐标 //记录鼠标移动状态 bool isMove = false; IXRDependencyObject* curMoveElement; //當前選中的元件

   2、下面完成手势事件类

class OnMouseEventHandler { public: HRESULT OnXRGestureEventArgs(IXRDependencyObject* source,XRGestureEventArgs* args) { return DlgProc(args->hWnd,(IXRFrameworkElement*)source,args->GestureInfo); } };  
    3、为元件注册手势事件
/*********************为元件设置手势事件已支持拖放和滑屏********************/ void AttachMouseEvent(IXRFrameworkElement* element) { IXRDelegate<XRGestureEventArgs>* gestureEventDelegate; OnMouseEventHandler mouseDownHandler; if(!FAILED(CreateDelegate(&mouseDownHandler,&OnMouseEventHandler::OnXRGestureEventArgs,&gestureEventDelegate))) { element->AddGestureEventHandler(gestureEventDelegate); } }   

4、实现手势操作的方法
//手势操作 XRPoint movePoint={0,0}; XRPoint skewPoint={0.6f,0.6f}; XRPoint scalePoint={0.85f,0.85f}; BSTR tempstr; char* tempName; HRESULT DlgProc(HWND hWnd,IXRFrameworkElement* srcElement,GESTUREINFO gestInfo) { GESTUREINFO* hgi = &gestInfo; if(curMoveElement!=NULL) { curMoveElement->GetName(&tempstr); tempName = (char *)tempstr; } switch(hgi->dwID) { case GID_BEGIN: //手势开始 RETAILMSG(1,(TEXT("手势开始/r/n"))); curMoveElement = srcElement; isMove = true; beforePoint = hgi->ptsLocation; curMoveElement->GetName(&tempstr); tempName = (char *)tempstr; if (_tcscmp((WCHAR*)tempName,L"rectMenuBg")==0) { } else { float x,y; curMoveElement->GetAttachedProperty(L"Canvas.Left",&x); curMoveElement->GetAttachedProperty(L"Canvas.Top",&y); curMoveElement ->SetAttachedProperty(L"Canvas.ZIndex",1); beforeMove.x = x; beforeMove.y = y; SetElementTransForm(curMoveElement,movePoint,0,skewPoint,scalePoint,0.75);//设置缩放和透明度 } break; case GID_END: //手势结束 RETAILMSG(1,(TEXT("手势结束/r/n"))); if(isMove) { XRPoint point={0,0}; IXRFrameworkElement* element = (IXRFrameworkElement*)curMoveElement; element->GetActualX(&point.x); element->GetActualY(&point.y); movePoint.x = endPoint.x - beforePoint.x; movePoint.y = endPoint.y-beforePoint.y; if (_tcscmp((WCHAR*)tempName,L"rectMenuBg")==0) { //MoveMainCanvas(endPoint.x - beforePoint.x);//移动主背景播放动画 } else { //设置位置 element->SetAttachedProperty(L"Canvas.Left",point.x + movePoint.x); element->SetAttachedProperty(L"Canvas.Top",point.y + movePoint.y); skewPoint.x = 0; skewPoint.y = 0; scalePoint.x = 1; scalePoint.y =1; movePoint.x=0; movePoint.y=0; element ->SetAttachedProperty(L"Canvas.ZIndex",0); //还原缩放和透明度 SetElementTransForm(element,movePoint,0,skewPoint,scalePoint,1.0f); } isMove = false; } curMoveElement= NULL; break; case GID_SELECT: //选择类似单击事件 RETAILMSG(1,(TEXT("选择/r/n"))); if(_tcscmp((WCHAR*)tempName,L"imgMain")==0) { vhost->EndDialog(exitCode);//退出当前应用程序 return 0; } break; case GID_SCROLL: //划屏，迅速拖拉后提起 switch(GID_SCROLL_DIRECTION(hgi->ullArguments))//判断滑动方向 { case ARG_SCROLL_LEFT: RETAILMSG(1,(TEXT("划屏，迅速拖拉后提起Left/r/n"))); if (_tcscmp((WCHAR*)tempName,L"rectMenuBg")==0) { //MoveMainCanvas(200.0f);//播放划屏动动画 isMove = false; } break; case ARG_SCROLL_RIGHT: RETAILMSG(1,(TEXT("划屏，迅速拖拉后提起Right/r/n"))); if (_tcscmp((WCHAR*)tempName,L"rectMenuBg")==0) { //MoveMainCanvas(-200.0f);//播放划屏动动画 isMove = false; } break; } break; case GID_HOLD: //压住不放一段时间（抬起前，只发一次） RETAILMSG(1,(TEXT("压住不放一段时间/r/n"))); break; case GID_PAN: //拖动 RETAILMSG(1,(TEXT("拖动/r/n"))); if( curMoveElement != NULL && isMove) { endPoint = hgi->ptsLocation; XRPoint movePoint={endPoint.x - beforePoint.x,endPoint.y-beforePoint.y}; SetElementTransForm(curMoveElement,movePoint); //拖动移动元件位置 } break; case GID_ROTATE: //旋转 RETAILMSG(1,(TEXT("旋转/r/n"))); break; case GID_DOUBLESELECT: //双击 RETAILMSG(1,(TEXT("双击/r/n"))); break; case WM_COMMAND: break; case WM_PAINT: break; case WM_ACTIVATE: break; case WM_CLOSE: break; default: break; } return 0; }   

5、剩下的就很简单了，调用我们上面写好的方法在Main函数中动态加载png图片注册手势事件和RenderTransform：
 //設置圖片 IXRImage* curImage; if(!FAILED(pRoot->FindName(TEXT("img2"),&curImage))) { curImage->SetSource(L"//Storage Card//image//menu_1.png"); AttachMouseEvent(curImage); }

   结语：手势同基本的事件实现方式比较类似的，他能帮助我们捕获更多的针对触摸屏的操作事件。