http://www.cnblogs.com/wzk89/archive/2013/04/21/3034230.html


背景

在Windows Phone 7的时代,我们可以通过监听ManipulationStarted、ManipulationDelta和ManipulationCompleted事件来判断Pivot或者Panorama控件是向左滑动还是向右滑动。

例如:Windows Phone 7中,我们通过监听滑动手势事件来控制Pivot控件中第一项不能向右滑动和最后一项不能向左滑动,以下具体实现方法:

   1:  protected override void OnManipulationCompleted(ManipulationCompletedEventArgs e)
   2:          {
   3:              this.pivot.IsHitTestVisible = true;
   4:          }
   5:          protected override void OnManipulationDelta(ManipulationDeltaEventArgs e)
   6:          {
   7:
   8:              if (this.pivot.SelectedIndex == 0)
   9:              {
  10:                  if (e.DeltaManipulation.Translation.X > 0)
  11:                  {
  12:                      e.Complete();
  13:                      this.pivot.IsHitTestVisible =false;
  14:                  }
  15:              }
  16:              if (this.pivot.SelectedIndex == 4)
  17:              {
  18:                  if (e.DeltaManipulation.Translation.X < 0)
  19:                  {
  20:                      e.Complete();
  21:                      this.pivot.IsHitTestVisible = true;
  22:                  }
  23:              }
  24:          }

前几天我将该段代码移植到Windows Phone 8项目中进行测试,发现没有任何的效果。然后我就在这个三个事件上面加入断点进行调试。

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot

发现滑动Pivot控件的时候,只执行了ManipulationStarted事件,并没有执行ManipulationDelta和ManipulationCompleted事件,非常的神奇

追踪原因

发现问题之后,我就开始追踪原因。

追踪一:MSDN对Pivot的类库说明文件;

发现MSDN存在两处对Pivot控件的使用说明网址:

Windows Phone 7中Pivot控件的解释:点击此处查看

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot_02

Windows Phone 8中Pivot控件的解释:点击此处查看

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot_03

通过对比继承层次结构发现:

Windows Phone 7中Pivot控件是通过使用泛型参数的类派生自ItemsControl:

public class TemplatedItemsControl<T> : ItemsControl where T : System.Windows.FrameworkElement, new()

这表明ItemsControl由类型为T的子元素填充,Pivot派生自TemplatedItemsControl,但类型参数设置为PivotItem。

public class Pivot : TemplatedItemsControl<PivotItem>

Windows Phone 8中Pivot控件直接派生自ItemsControl:

public class Pivot : ItemsControl

但是仅仅从类层次结构上说明不了任何问题,不管在Windows Phone 7或者8中Pivot都会继承自System.Windows.Controls.Control,也就说理论上都会监听到三个手势事件的。

追踪二:Windows Phone 8对Pivot的说明中发现“新大陆”;

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot_04

大家可以点击这里查看详细说明文档。

同时针对于Windows Phone 8中对Panorama控件的解释,点击这里查看详细说明文档;

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot_05

通过该文档,我发现在Windows Phone 8的Pivot控件和Panorama控件已经内置了拖动、轻拂或点击等常见的手势

结论

通过以上我追踪问题产生的原因,我得出的结论是:

Windows Phone 8中我们在拖动Pivot控件或Panorama控件的时候,其实是产生了Manipulation相关事件,但是被Pivot或Panorama内部封装的手势路由事件直接给拦截掉了,以至于我们在ManipulationDelta和ManipulationCompleted事件中处理的任何自定义逻辑都不会被执行。

同时我进行了简单的对比验证

在一个Page中放置一个文本框控件和一个Pivot控件,然后在Page的cs文件中override一下OnManipulationStarted、OnManipulationDelta和OnManipulationCompleted三个事件。

我在拖动文本框控件的时候OnManipulationDelta和OnManipulationCompleted事件都会被执行,但是拖动Pivot控件两个事件就不会执行,而OnManipulationStarted事件会被执行。

那么我们可以在试一下,监听PivotItem中某一个控件的ManipulationStarted、ManipulationDelta和ManipulationCompleted三个事件,同样会发现ManipulationDelta和ManipulationCompleted中自定义的逻辑不会被执行。

因此我认为Windows Phone 8中通过OnManipulationDelta和OnManipulationCompleted事件是无法监听Pivot控件的是向左还是向右拖动。

同理我也对Windows Phone 8中Panorama控件使用同样方式进行了测试,这里我就不在过多解释了,有兴趣的同学可以试验一下。

PS:如果大家有好的解决思路,希望提供给我,共同学习一下

问题发散

大家肯定都用过Windows Phone Toolkit,里面有相关手势监听的Demo。通过对比Windows Phone 7和8的版本源代码,会发现:

WP7版本中GestureSample.xaml页面通过引用Toolkit封装的手势事件来对手势监控。

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot_06

而WP8版本中GestureSample.xaml页面没有引用之前的Toolkit封装的手势事件,而是回归到本质使用Windows Phone自带的ManipulationStarted、ManipulationDelta和ManipulationCompleted三个事件来处理的。

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot_07

Windows Phone 8 中Pivot和Panorama控件手势监听的变化(用于引导页)_Winphone Pivot_08

另外Windows Phone 8中Pivot和Panorama控件都是进行了内置[为了减少这两个控件对系统内存的占用率],同时Pivot控件增加了IsLocked属性来控制是否锁定了 pivot 控件。

以上针对Windows Phone 8中Pivot和Panorama控件滑动手势的监听试验,我希望能够为大家起到抛砖引玉的作用。

 

相关参考文章:

  1. Windows Phone 7中Pivot类说明文档

  2. Windows Phone 8中Pivot类说明文档

  3. Windows Phone Pivot 控件

  4. Windows Phone 8中Panorama类说名文档

  5. Windows Phone 的全景控件