共用方式為


變更主要畫面格間的動畫內插補點

主要畫面格內插補點是指一種在兩個主要畫面格之間的時間範圍中,以動畫填補屬性變更的方式。修改主要畫面格之間的內插補點,可以讓您獲得更真實的動畫。例如,如果製作彈跳的球動畫,您可以修改主要畫面格之間的內插補點,在球彈到空中時放慢切換速度,以及在球落到地上時加快速度。

下表說明可用來設定主要畫面格內插補點的三種方式。

主要畫面格內插補點的方法 描述

選取加速或減速值

這方法僅適用於 Windows Presentation Foundation (WPF) 專案。

Cc295256.6194a099-fac7-4048-9abf-f3c2c25fc719(zh-tw,Expression.40).png

針對前往或離開主要畫面格時發生的內插補點,您可以用滑鼠右鍵按一下主要畫面格,使用顯示出來的下拉式功能表進行變更。

該下拉式功能表包含下列內插補點選項:

  • 加速:修改隨著時間軸播放點接近主要畫面格時,屬性值如何變更。您可以指定範圍介於 0% (不加速) 和 100% (全速,等於所編輯主要畫面格與前一個主要畫面格之間的時間間隔之一半) 之間的值,設定急緩程度。

  • 減速:修改隨著時間遠離主要畫面格時,屬性值如何變更。您可以指定範圍介於 0% (不加速) 和 100% (全速,等於所編輯主要畫面格與下一個主要畫面格之間的時間間隔之一半) 之間的值,設定急緩程度。

如果第一個主要畫面格的 [減速] 值是 0%,而第二個主要畫面格的 [加速] 值是 0%,則兩個主要畫面格之間的內插會是線性的。線性內插會在主要畫面格之間以相等增量來變更屬性值。

使用 KeySpline 圖形

Cc295256.d0752aac-3556-466e-957e-cf06010c0b57(zh-tw,Expression.40).png

您可以使用 KeySpline 圖形,隨著時間軸播放點接近主要畫面格時變更內插補點。

此圖形會隨時間在選取之主要畫面格與前一個主要畫面格之間繪製動畫屬性值。通常,線條越陡峭,該個時間點的值的變更越快速。

當圖形是從左下角到右上角的直線時,內插補點是線性的。

Cc295256.f5cb5969-446e-44c9-bf61-a23e8b026e6a(zh-tw,Expression.40).png

您可以拖曳黃色控制點,以變更在離開前一個主畫面格並前往選取的主要畫面格之後,屬性值的變化速度。

Note注意:
KeySpline 圖形與 [加速] 和 [減速] 值是同步的。修改 [加速] 值會影響選取之主要畫面格的 KeySpline 圖形的右上方控制點。修改 [減速] 值會影響選取之主要畫面格之後的主要畫面格的 KeySpline 圖形的左下方控制點。

選取 EasingFunction

這方法僅適用於 Microsoft Silverlight 專案。

Cc295256.85f020f5-4ac1-4b75-a63d-a5c5d0ece242(zh-tw,Expression.40).png

您可以變更隨著時間軸播放點接近主要畫面格時的內插補點,方法是使用選取主要畫面格時在 [屬性] 面板中出現的 EasingFunction 下拉式功能表。

Microsoft Expression Blend 隨附數個預設的加/減速功能供您選擇。加/減速功能與 KeySpline 圖形類似,會套用至隨著時間軸播放點接近選取之主要畫面格時發生的內插補點。請使用 [In]、[Out] 和 [InOut] 欄底下按鈕上的影像來決定要使用哪一個加/減速功能。[In] 欄底下的按鈕會將選擇的效果套用到 KeySpine 的開頭,[Out] 欄底下的按鈕會將選擇的效果套用到 KeySpline 的結尾,而 [InOut] 底下的按鈕則會將效果套用到前述兩者。依照您想要的 KeySpline 圖形外觀顯示方式,選擇代表該方式的按鈕。

透過使用 Silverlight SDK,可以用程式設計的方式自訂加/減速功能。

如需詳細資訊,請參閱 MSDN 上的 EasingFunctionBase Class (System.Windows.Media.Animation) Cc295256.xtlink_newWindow(zh-tw,Expression.40).png (EasingFunctionBase 類別 (System.Windows.Media.Animation))。

如需 Silverlight SDK 的詳細資訊,請依序按一下 [開始]、[所有程式]、[Microsoft Silverlight SDK],然後按一下 [歡迎使用]。

Note注意:
選取 EasingFunction 會移除先前套用到主要畫面格的所有內插補點效果。

或者,您可以使用 [維持] 內插補點選項,讓主要畫面格之間的轉換即時發生,而不是在一段時間內發生。

Note注意:

下列程序假設您已開啟包含主要畫面格的腳本。

如需詳細資訊,請參閱開啟或關閉腳本建立、修改或刪除腳本

tip note秘訣:

當選取單一主要畫面格,或透過按住 CTRL 鍵選取多個主要畫面格時,可以使用下列程序。

修改主要畫面格之後的切換

執行下列其中一項動作:

  • 在時間軸長條上,以滑鼠右鍵按一下您要產生漸進切換效果的主要畫面格 Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(zh-tw,Expression.40).png,然後在出現的下拉式功能表上指向 [減速],再從清單選取值。

  • 在時間軸長條上,選取您要產生漸進切換效果之主要畫面格之後的主要畫面格 Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(zh-tw,Expression.40).png,然後在 [屬性] 面板中的 [加/減速] 之下,按一下 [ KeySpline ]。拖曳 KeySpline 圖形左下角的黃色控制點。

  • 在時間軸長條上,選取您要產生漸進切換效果之主要畫面格之後的主要畫面格 Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(zh-tw,Expression.40).png,然後在 [屬性] 面板中的 [加/減速] 之下,按一下 [ EasingFunction ]。按一下 [無] 旁邊的下拉式箭號,然後選取加/減速功能旁的其中一個按鈕。

修改主要畫面格之前的切換

  1. 在時間軸長條上,以滑鼠右鍵按一下漸進變更之後的主要畫面格 Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(zh-tw,Expression.40).png

  2. 執行下列其中一項動作:

    • 在出現的下拉式功能表上指向 [加速],然後從清單中選取值。

    • 在 [屬性] 面板中的 [加/減速] 下,按一下 [ KeySpline ]。拖曳 KeySpline 圖形右上角的黃色控制點。

    • 在 [屬性] 面板中的 [加/減速] 下,按一下 [ EasingFunction ]。按一下 [無] 旁邊的下拉式箭號,然後選取加/減速功能旁的其中一個按鈕。

建立主要畫面格的突然切換

您可以將主要畫面格之間的切換設定為即時發生,而不是在一段時間內發生。[維持] 內插補點選項會在播放點到達記錄新屬性值的主要畫面格時,針對新屬性值建立突然變更。

執行下列其中一項動作:

  • 在時間軸長條上,選取您要突然變更的主要畫面格 Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(zh-tw,Expression.40).png,然後在 [屬性] 面板中的 [加/減速] 下,按一下 [維持]。

  • 在時間軸長條上,以滑鼠右鍵按一下您要突然變更的主要畫面格 Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(zh-tw,Expression.40).png,然後在出現的下拉式功能表上按一下 [維持]。在下拉式功能表上的 [維持] 旁邊會出現一個核取記號。

    Note注意:

    選取 [維持] 會移除先前套用到主要畫面格的所有內插補點效果,以及先前套用到時間軸長條上之先前主要畫面格的所有輸出內插補點效果。套用到時間軸長條上後續主要畫面格的輸入內插補點效果並不受影響。

另請參閱

工作

刪除主要畫面格
製作主要畫面格
貼上或移動主要畫面格
重複使用其他主要畫面格上的內插補點值

Copyright © 2011 by Microsoft Corporation. All rights reserved.