WPF Multi-Touch 开发：高级触屏操作（Manipulation）
在上一篇中我们对基础触控操作有了初步了解，本篇将继续介绍触碰控制的高级操作(Manipulation)，在高级操作中包含了一些特殊的触屏手势：平移、缩放、旋转，当然在WPF 中无需自行开发这些手势，只需将UI 控件的IsManipulationEnabled 属性激活，并通过以下四种事件完成各种触屏手势操作：ManipulationStarting、Manipulati
在上一篇中我们对基础触控操作有了初步了解，本篇将继续介绍触碰控制的高级操作(Manipulation)，在高级操作中包含了一些特殊的触屏手势：平移、缩放、旋转，当然在WPF 中无需自行开发这些手势，只需将UI 控件的IsManipulationEnabled 属性激活，并通过以下四种事件完成各种触屏手势操作：ManipulationStarting、ManipulationStarted、ManipulationDelta、ManipulationInertiaStarting、ManipulationCompleted，下图为各事件之间的工作顺序及关系。
创建项目
新建项目在XAML 程序中写入下面代码，为设置ManipulationStarting、ManipulationDelta、ManipulationCompleted 事件，并在其中添加三张图片，将Image 的IsManipulationEnabled 属性均为"True"，，同时所有的Image 都添加了对象，用于组合平移、缩放、旋转操作。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<Window x:Class="WpfManipulation.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="500" Width="600">
<Grid>
<Canvas x:Name="touchPad" Background="Gray"
ManipulationStarting="image_ManipulationStarting"
ManipulationDelta="image_ManipulationDelta"
ManipulationCompleted="image_ManipulationCompleted">
<Image Canvas.Top="52" Canvas.Left="34" Width="200"
IsManipulationEnabled="True" Source="Images/P1.jpg">
<Image.RenderTransform>
<MatrixTransform></MatrixTransform>
</Image.RenderTransform>
</Image>
<Image Canvas.Top="75" Canvas.Left="339" Width="200"
IsManipulationEnabled="True" Source="Images/P2.jpg">
<Image.RenderTransform>
<MatrixTransform></MatrixTransform>
</Image.RenderTransform>
</Image>
<Image Canvas.Top="243" Canvas.Left="168" Width="200"
IsManipulationEnabled="True" Source="Images/P3.jpg">
<Image.RenderTransform>
<MatrixTransform></MatrixTransform>
</Image.RenderTransform>
</Image>
</Canvas>
</Grid>
</Window>
当触碰到Image 图片时，image_ManipulationStarting 事件将会自动触发，首先需要定义ManipulationContainer(即为touchPad)，该容器的主要用于定义参考坐标，图片的任何操作均以参考坐标为准。ManipulationModes 设置可以限制哪些手势操作是程序允许的，如果没有特殊情况可设置为"All"。
1
2
3
4
5
private void image_ManipulationStarting(object sender, ManipulationStartingEventArgs e)
{
e.ManipulationContainer = touchPad;
e.Mode = ManipulationModes.All;
}
ManipulationDelta 事件会在手势操作开始时触发，并且该手势需持续进行不得间断。通过FrameworkElement 获得接受操作的图片控件，将图片透明度降低到0.5，创建Matrix 用于控制图片MatrixTransform，利用Point 获得图片中心坐标点，通过ScaleAt、RotateAt、Translate 执行缩放、旋转、平移操作。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/70299.html
