先抛出一个问题:如何实现WidowsPhone上的图片缩放旋转?
到网上一搜,能搜到很多文章,其中70%都是使用Silverlight Toolkit for WP 中的GestureService来实现Drag和Pinch等操作的。
但是大家有没有试过,在一个页面中,添加两个Image控件,然后都添加了GestureListener,把实现函数设置为同一个,在拖动的时候会有什么反应“?还有如果两格图片重合了,拖动重合部分的时候会有什么反应?
。。。
至少我这边的结果是,拖动一个的时候,位移为两倍。拖动重合区域的时候,两个图片都会重合。有的朋友可能说,如果为每个事件都新建一个响应函数的话不就可以了么?但是事实是,我们很可能在实际工作中要动态地添加图片,比如向一个容器中一次次插入图片用来做拼图,这个时候为每格控件单独实现一个响应函数比较臃肿。这个时候怎么办?
由于我就遇到了这样的问题,花了很长时间仍然难以解决,最后我决定去翻Toolkit的源代码,想知道到底是什么情况。最后发现了这种实现方式:
1. 在Toolkit的GestureService.cs中实现了OnManipulateStarted,OnManipulateDelta,OnManipulateCompleted函数
2. 在Started函数中只进行了一些flag的初始化
3. 在Delta函数中判断用户是进行了拖动还是缩放,并根据判断结果触发响应函数,保存一个bool值存放当前是拖动还是缩放
4. 每次Delta函数都会判断此次的操作与上次的操作是否相同,如果不同,比如从Drag变为了Pinch,会调用Drag的Complete函数
5. 在Delta中是通过RaiseEvent的方式来调用响应函数,所以所有添加了GestureService的控件都会响应事件。
针对这几个问题,我把Toolkit里的Delta实现函数拷贝了出来,然后将Raise部分的代码用我自己的实现代码替代,另外要注意的是,Toolkit的EventArgs是Internal属性的,不能自己去New一个出来,所以必须要把其他工具函数拷贝出来,用于计算一些参数比如说旋转的角度,水平垂直位移什么的。