WPF4多点触摸事件

UIElement在WPF4下添加了很多支持多点触摸的事件，通过它们可以在硬件支持的情况下处理多点触摸，以下通过代码来说明通过处理这些事件，我们可以做些什么：

一.触摸相关的多种事件，跟鼠标事件是对应的，通过这些事件可以获取到多个触摸的鼠标点，并进行相应的处理

• public static readonly RoutedEvent TouchDownEvent;
• public static readonly RoutedEvent TouchEnterEvent;
• public static readonly RoutedEvent TouchLeaveEvent;
• public static readonly RoutedEvent TouchMoveEvent;
• public static readonly RoutedEvent TouchUpEvent;

  以上每个事件都包含一个TouchEventArgs参数，通过该参数可以获取到一个TouchDevice信息，对应于每一次触摸，还可以通过GetTouchPoint得到一个TouchPoint，TouchPoint包含当前触摸的动作，触摸的位置等信息，通过获取到的TouchDevice，我们可以处理每一次触摸（通过判断TouchDevice的ID号来分辨不同的触摸），并通过TouchPoint获取触摸的坐标点，从而实现一些多点的逻辑，例如多点的书写（通过获取的TouchPoint来生成PathFigure，形成PathGeometry，最终填充成Path来绘制）

  二.Manipulation事件，通过这些事件可以实现UIElement的一些多点手势（移动，旋转，缩放）

• public static readonly RoutedEvent ManipulationCompletedEven;
• public static readonly RoutedEvent ManipulationDeltaEvent;
• public static readonly RoutedEvent ManipulationInertiaStartingEvent;
• public static readonly RoutedEvent ManipulationStartedEvent;

  1.要处理Manipulation事件，首先必须设置UIElement的IsManipulationEnabled为true

  2.ManipulationInertiaStartingEvent事件包含一个ManipulationStartingEventArgs参数，通过该参数可以设置：

  UIElement的ManipulationContainer —— 设置该UIElement的容器

  Mode —— 处理的事件类型，包含以下枚举

  None:不处理

  TranslateX：处理水平移动

  TranslateY：处理垂直移动

  Translate：处理移动

  Rotate：处理旋转

  Scale：处理缩放

  All：处理所有事件

  3.要实现控件的移动，缩放，旋转，可以在控件的ManipulationDeltaEvent事件中使用以下代码：

   private void image_ManipulationDelta(object sender, ManipulationDeltaEventArgs e)
          {
              var element = e.Source as FrameworkElement;
              if (element != null)
              {
                  try
                  {
                      ManipulationDelta deltaManipulation = e.DeltaManipulation;
                      Matrix matrix = element.RenderTransform.Value;
                      Point center = new Point(element.ActualWidth / 2, element.ActualHeight / 2); 
                      center = matrix.Transform(center);  //设置中心点
                      //处理缩放
                      matrix.ScaleAt(deltaManipulation.Scale.X, deltaManipulation.Scale.Y, center.X, center.Y);
                      // 处理旋转
                      matrix.RotateAt(e.DeltaManipulation.Rotation, center.X, center.Y);
                      //处理移动

                      matrix.Translate(e.DeltaManipulation.Translation.X, e.DeltaManipulation.Translation.Y);

                      element.RenderTransform = new MatrixTransform(matrix);

                      e.Handled = true;
                  }
                  catch (Exception ei)
                  {
                      MessageBox.Show(ei.ToString());
                  }
              }

          }

  4.此外可以在ManipulationInertiaStarting事件中设置惯性效果

  private void image_ManipulationInertiaStarting(object sender, ManipulationInertiaStartingEventArgs e)
          {
              // 移动惯性
              e.TranslationBehavior = new InertiaTranslationBehavior()
              {
                  InitialVelocity = e.InitialVelocities.LinearVelocity,
                  DesiredDeceleration = 1 / (1000.0 * 1000.0)   // 单位：一个WPF单位 / ms
              };

              // 缩放惯性
              e.ExpansionBehavior = new InertiaExpansionBehavior()
              {
                  InitialVelocity = e.InitialVelocities.ExpansionVelocity,
                  DesiredDeceleration = 1 / 1000.0 * 1000.0   // 单位：一个WPF单位 / ms
              };

              // 旋转惯性
              e.RotationBehavior = new InertiaRotationBehavior()
              {
                  InitialVelocity = e.InitialVelocities.AngularVelocity,
                  DesiredDeceleration = 720 / (1000.0 * 1000.0)  //单位：一个角度 / ms
              };
              e.Handled = true;
          }

  5.在设置了惯性事件后，如果不处理判断控件容器的边界，那很容易一个移动就会把控件移到屏幕外部，因此此时可以在ManipulationDeltaEvent事件中加入以下代码：

     if (e.IsInertial)
     {
             Rect containingRect = new Rect(((FrameworkElement)e.ManipulationContainer).RenderSize);

             Rect shapeBounds = element.RenderTransform.TransformBounds(new Rect(element.RenderSize));
             if (e.IsInertial && !containingRect.Contains(shapeBounds))
             {
                   e.ReportBoundaryFeedback(e.DeltaManipulation);    
                   e.Complete();
              }
      }    

  三.总结

  WPF4直接加入了Manipulation事件来支持对UIElement手势的移动，旋转和缩放，也加入了各种触摸事件来处理多个点的触摸，通过这些事件可以获取到多点触摸的坐标，从而实现各种多点逻辑