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

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项目中进行测试，发现没有任何的效果。然后我就在这个三个事件上面加入断点进行调试。

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

追踪原因

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

追踪一：MSDN对Pivot的类库说明文件；

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

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

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

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

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中对Panorama控件的解释，点击这里查看详细说明文档；

通过该文档，我发现在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封装的手势事件来对手势监控。

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

另外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 的全景控件；