新增狀態變更後播放的動畫

您可以新增動畫至狀態，讓控制項切換至狀態後播放該動畫。例如，當您將滑鼠指標移至按鈕時，按鈕會變更色彩，即是切換至 MouseOver 狀態的結果。如果您新增動畫至 MouseOver 狀態，例如讓按鈕旋轉，則該動畫會在按鈕變更色彩後執行。

若要新增動畫至狀態

1. 變更至 [動畫工作區]。這會將 [物件與時間軸] 面板移至畫板下方，騰出更多空間顯示時間軸。

2. 在 [狀態] 下，選取要新增動畫的狀態。

3. 在 [物件與時間軸] 面板中，按一下 [顯示時間軸] 。

   

   注意事項：
   若已選取 [狀態] 下的 [基本]，[顯示時間軸]  就不會出現，因為目前不在狀態錄製模式。

4. 如果讓此狀態中的控制項外觀不同於預設的外觀 (已選取 [基底] 時)，表示已在 0 秒標記處設定一個主要畫面格。

   

5. 若要新增更多動畫，請將播放點  移至時間軸上的其他時間，然後對畫板上的物件進行變更。

   例如，若要讓遊戲紙牌旋轉，請將播放點  移至 1 秒標記處，並選取 [物件與時間軸] 面板中的 [LayoutRoot] 物件，然後在 [屬性] 面板中的 [轉換] 下，選取 [旋轉] 索引標籤，並將 [Angle] 屬性設定為 360。

   

6. 按一下 [播放]  以預覽您的動畫。

7. 按 F5 測試狀態中動畫。

   秘訣：
   如果您不希望控制項於再次變更狀態時向後旋轉至 0 度，可以將該狀態切換至所有其他狀態時的切換時間設定為 0 秒。若要執行此程序，請參閱修改狀態變更之間的切換時間。

下一步

• 您可以將狀態中動畫設定為重複多次或永遠重複，或使其在到達最後的主要畫面格時反轉。如需詳細資訊，請參閱修改腳本，使其在循環結束時重複或反轉。

• 您可以調整動畫在主要畫面格間出現的速度以建立更自然的動畫。如需詳細資訊，請參閱變更主要畫面格間的動畫內插補點。

• 如果您正在修改系統控制項範本，可以按 F5 檢視應用程式中的變更。如果您在處理使用者控制項，可以讓使用者控制項回應滑鼠點選動作，以檢視修改的進行中動畫。如需詳細資訊，請參閱根據使用者互動變更狀態。