建立簡單動畫

您可以在 Microsoft Expression Blend 中，以動畫方式顯示任何視覺元素，如下所示。

建立簡單動畫

1. 在 Expression Blend 中，開啟或建立新的專案。如需詳細資訊，請參閱建立新文件或專案。

2. 按 F6 切換至 [動畫工作區] (按 F6 可在 [設計工作區] 與 [動畫工作區] 之間切換。在 [動畫工作區] 中，[互動] 面板位於畫板下)。建立您想以動畫方式顯示的任何物件。

   秘訣：
   在 Expression Blend 中，「物件」是指畫板上的項目。例如，當您從 [工具箱] 選取 [矩形] 工具 ，並在畫板上繪製矩形，就會建立矩形物件。如需有關物件及控制項的詳細資訊，請參閱使用物件和屬性及控制項。

3. 在 [物件與時間軸] 下，按一下 [新增] 按鈕。

   [建立腳本資源] 對話方塊會隨即顯示。

4. 在 [資源名稱 (索引碼)] 欄位中，輸入時間軸的名稱，然後按一下 [確定]。Expression Blend 會進入時間軸記錄模式，並將播放點 移至 0 秒標記上。在記錄模式下，任何您設定的屬性都會自動在時間軸上記錄一個主要畫面格。

   秘訣：
   根據預設，任何在文件的根中建立的新腳本，都將導致在 [觸發程序] 底下新增 Window.Loaded 事件的事件觸發程序。此觸發程序會讓腳本在應用程式啟動時開始進行。如果您想建立一些簡單互動，則可以選取事件觸發程序然後加以修改 (在 [觸發程序] 窗格下半部)，來指定下列各項： When object .PreviewMouseDown is raised object 是您應用程式中的物件名稱 (必須選取物件，該物件才會在您修改觸發程序時，出現在 [觸發程序] 窗格的下半部)。這樣，當您按一下物件時，動畫時間軸才會開始進行。

5. 在 [物件與時間軸] 下方，選取您要以動畫方式顯示的物件。

6. 如果要讓選取的物件以目前的位置和外觀來開始顯示，請按一下 [記錄主要畫面格] 按鈕 ，以記錄位於 0 秒標記上的物件。在時間軸上，主要畫面格 會出現在對應於所選取物件的列中。

7. 在 [物件與時間軸] 下方，將播放點拖曳至動畫應該完成的時間點。

8. 如果要讓物件在動畫結束和動畫開始時有相同的外觀，請按一下 [記錄主要畫面格] 按鈕。

9. 在時間軸上，將播放點移至您要發生屬性變更的位置。

10. 變更所選取之物件的屬性，例如物件的位置、色彩或大小。 時間軸上會自動出現一個主要畫面格來記錄屬性變更。

    秘訣：
    您可以展開物件的節點，以檢視個別屬性的主要畫面格。如果您想要移動個別屬性的主要畫面格，而不是整個物件，此方式就很實用。

11. 若要查看您剛建立的動畫，請按一下 [物件與時間軸] 頂端的 [播放] 按鈕。

    秘訣：
    若要結束時間軸記錄模式，請按一下 [關閉腳本] 按鈕 ，讓目前範圍中的所有物件都回到初始狀態。

請參閱

概念

測試腳本

控制何時執行腳本

試試看：播放遞移式及非遞移式動畫