從上一篇實例可以發(fā)現(xiàn)在圖片移動過程中如果將手指移開屏幕則圖片會立刻停止，根據這種情況WPF 提供另外一種慣性效果（Inertia）。通過它可以使UI 單元移動的更加符合物理特性、更為實際和流暢。

　　在前面代碼的基礎上還需要為<Canvas> 增加ManipulationInertiaStarting 事件。

<Canvas x:Name="touchPad" Background="Gray"                
        ManipulationStarting="image_ManipulationStarting"  
        ManipulationDelta="image_ManipulationDelta"
        ManipulationCompleted="image_ManipulationCompleted"
        ManipulationInertiaStarting="image_ManipulationInertiaStarting">

　　image_ManipulationInertiaStarting 事件內容如下代碼，分別對TranslationBehavior、ExpansionBehavior、RotationBehavior 進行設置，使其具備慣性特征。

private void image_ManipulationInertiaStarting(object sender, 
    ManipulationInertiaStartingEventArgs e)
{
    e.TranslationBehavior = new InertiaTranslationBehavior();
    e.TranslationBehavior.InitialVelocity = e.InitialVelocities.LinearVelocity;
    e.TranslationBehavior.DesiredDeceleration = 10.0 * 96.0 / (1000.0 * 1000.0);
    
    e.ExpansionBehavior = new InertiaExpansionBehavior();
    e.ExpansionBehavior.InitialVelocity = e.InitialVelocities.ExpansionVelocity;
    e.ExpansionBehavior.DesiredDeceleration = 0.1 * 96 / 1000.0 * 1000.0;
    
    e.RotationBehavior = new InertiaRotationBehavior();
    e.RotationBehavior.InitialVelocity = e.InitialVelocities.AngularVelocity;
    e.RotationBehavior.DesiredDeceleration = 720 / (1000.0 * 1000.0);
}

　　程序演示

　　通過下面視頻可以看到在進行Manipulation 時，圖片都已具備慣性效果。

　　相關文章

　　1. WPF Multi-Touch 開發(fā)：Windows 7 安裝多點觸屏模擬器
　　2. WPF Multi-Touch 開發(fā)：基礎觸屏操作（Raw Touch）
　　3. WPF Multi-Touch 開發(fā)：高級觸屏操作（Manipulation）

　　源碼下載：WpfInertia.zip

NET技術：WPF Multi-Touch 開發(fā)：慣性效果（Inertia），轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。