多點觸控（Multi-Touch）就是通過與觸屏設備的接觸達到人與應用程序交互的操作過程。例如，生活中經常使用的觸屏手機、觸屏筆記本、顯示器以及微軟最新的Surface 產品等這些都屬于觸屏操作設備。本篇將介紹如何開發能夠支持MT 功能的應用程序。

     在WPF 4 中已經具備的多點觸控開發技術，當多個手指觸碰到觸屏設備時，WPF 會把每跟手指認為是一個觸控設備，并為其分配唯一的識別ID，以便跟蹤不同手指的操作手勢。下面將通過實例演示WPF 所支持的低級別觸控操作：觸碰（TouchDown）、分離（TouchUp）、移動（TouchMove），它們都是一些最基礎的操作模式。

創建項目

     新建項目在XAML中寫入如下代碼，<Grid>中只添加了<Canvas> 控件，其中包含TouchDown、TouchUp、TouchMove 三個基礎觸控事件。當手指觸碰程序時便會在Canvas 中生成彩色圓圈，圓圈的位置隨手指的移動而改變，手指離開觸屏的同時圓圈消失。接下來將逐一講解每個事件所完成的任務。

<Window x:Class="WpfRawTouch.MainWindow"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        Title="MainWindow" Height="350" Width="525">    <Grid>        <Canvas x:Name="touchPad" Background="Gray"                TouchDown="touchPad_TouchDown" TouchUp="touchPad_TouchUp"                 TouchMove="touchPad_TouchMove">        </Canvas>    </Grid></Window>

     TouchDown 事件主要是完成當觸碰產生時在<Canvas> 控件中生成彩色圓圈的任務（C#代碼如下）。使用Ellipse 創建隨機顏色的圓圈，通過GetTouchPoint 方法獲取觸碰位置點，并調整圓圈在<Canvas> 中的位置。為了跟蹤手指移動軌跡，需要將觸屏設備ID 及UI 控件存儲在集合movingEllipses 中。

private Dictionary<int, Ellipse> movingEllipses = new Dictionary<int, Ellipse>();Random rd = new Random();private void touchPad_TouchDown(object sender, TouchEventArgs e){    Ellipse ellipse = new Ellipse();    ellipse.Width = 30;    ellipse.Height = 30;    ellipse.Stroke = Brushes.White;    ellipse.Fill = new SolidColorBrush(        Color.FromRgb(            (byte)rd.Next(0, 255),            (byte)rd.Next(0, 255),            (byte)rd.Next(0, 255))            );    TouchPoint touchPoint = e.GetTouchPoint(touchPad);    Canvas.SetTop(ellipse, touchPoint.Bounds.Top);    Canvas.SetLeft(ellipse, touchPoint.Bounds.Left);    movingEllipses[e.TouchDevice.Id] = ellipse;    touchPad.Children.Add(ellipse);}

     當手指離開觸屏時TouchUp 事件將被觸發，首先將觸碰設備從movingEllipses 集合中刪除不再跟蹤手指相關操作，并從<Canvas> 中將彩色圓圈移除。

private void touchPad_TouchUp(object sender, TouchEventArgs e){    movingEllipses.Remove(e.TouchDevice.Id);    Ellipse ellipse = movingEllipses[e.TouchDevice.Id];    touchPad.Children.Remove(ellipse);}

     當手指在觸屏上持續移動時TouchMove 事件觸發，它來跟蹤手指移動軌跡，并重新調整圓圈在<Canvas> 中的位置。

private void touchPad_TouchMove(object sender, TouchEventArgs e){    Ellipse ellipse = movingEllipses[e.TouchDevice.Id];    TouchPoint touchPoint = e.GetTouchPoint(touchPad);    Canvas.SetTop(ellipse, touchPoint.Bounds.Top);    Canvas.SetLeft(ellipse, touchPoint.Bounds.Left);}

程序演示

     至此，一個簡單的觸控應用程序就完成了編譯并運行該程序，用手指觸碰屏幕并持續移動看看是否會出現下面視頻中的情況（如果沒有多點觸屏設備請參考這里解決）。

< width="480" height="400" src="http://player.youku.com/player.php/sid/XMTk4MTY0NjI4/v.swf">

源碼下載

WpfRawTouch.zip