Create Zoomable image object on Windows Phone 8 -


i working on image-related application windows phone 8. after doing required image processing, display output in "image" toolbox item, seems work me. coding here done in c# + xaml.

now want improve ui , make output image zoomable (using pinch zoom). know how create such ui element can zoomed.

i understand might common requirement many app developers. have been unable find reference same.

download windows phone toolkit , use gestureservice.gesturelistener

xaml:

... xmlns:tk="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone.controls.toolkit" ...  <image source="myimage.jpg" rendertransformorigin="0.5, 0.5" cachemode="bitmapcache">     <image.rendertransform>         <compositetransform x:name="transform" />     </image.rendertransform>     <tk:gestureservice.gesturelistener>         <tk:gesturelistener pinchstarted="onpinchstarted" pinchdelta="onpinchdelta" />     </tk:gestureservice.gesturelistener> </image> 

code behind:

double initialscale = 0;  private void onpinchstarted(object sender, pinchstartedgestureeventargs e) {   initialscale = transform.scalex; }  private void onpinchdelta(object sender, pinchgestureeventargs e) {   transform.scalex = initialscale * e.distanceratio;   transform.scaley = initialscale * e.distanceratio; } 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -