WPF Multi-Touch 開發：慣性效果（Inertia）

作者: Gnie 來源: 博客園發布時間: 2010-08-21 14:19 閱讀: 2854 次推薦: 0 原文鏈接 [收藏]

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

　　從上一篇實例可以發現在圖片移動過程中如果將手指移開屏幕則圖片會立刻停止，根據這種情況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);
}