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
Post a Comment