共用方式為


建立簡單動畫

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

建立簡單動畫

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

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

    Cc294948.alert_tip(zh-tw,Expression.10).gif秘訣:

    在 Expression Blend 中,「物件」是指畫板上的項目。例如,當您從 [工具箱] 選取 [矩形] 工具 Cc294948.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(zh-tw,Expression.10).png,並在畫板上繪製矩形,就會建立矩形物件。如需有關物件及控制項的詳細資訊,請參閱使用物件和屬性控制項

  3. 在 [物件與時間軸] 下,按一下 [新增] Cc294948.86937695-03dd-44ea-aa30-28d4029b3ad0(zh-tw,Expression.10).png 按鈕。

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

  4. 在 [資源名稱 (索引碼)] 欄位中,輸入時間軸的名稱,然後按一下 [確定]。Expression Blend 會進入時間軸記錄模式,並將播放點 Cc294948.5626c9eb-40bb-450a-9ca1-3678e5abe429(zh-tw,Expression.10).png 移至 0 秒標記上。在記錄模式下,任何您設定的屬性都會自動在時間軸上記錄一個主要畫面格。

    Cc294948.alert_tip(zh-tw,Expression.10).gif秘訣:

    根據預設,任何在文件的根中建立的新腳本,都將導致在 [觸發程序] 底下新增 Window.Loaded 事件的事件觸發程序。此觸發程序會讓腳本在應用程式啟動時開始進行。如果您想建立一些簡單互動,則可以選取事件觸發程序然後加以修改 (在 [觸發程序] 窗格下半部),來指定下列各項:

    When object .PreviewMouseDown is raised

    object 是您應用程式中的物件名稱 (必須選取物件,該物件才會在您修改觸發程序時,出現在 [觸發程序] 窗格的下半部)。這樣,當您按一下物件時,動畫時間軸才會開始進行。

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

  6. 如果要讓選取的物件以目前的位置和外觀來開始顯示,請按一下 [記錄主要畫面格] 按鈕 Cc294948.de094a9c-58f2-4466-912a-9bdc18362548(zh-tw,Expression.10).png,以記錄位於 0 秒標記上的物件。在時間軸上,主要畫面格 Cc294948.80da70bb-e635-42e8-b26d-f90453096e21(zh-tw,Expression.10).png 會出現在對應於所選取物件的列中。

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

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

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

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

    Cc294948.alert_tip(zh-tw,Expression.10).gif秘訣:

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

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

    Cc294948.alert_tip(zh-tw,Expression.10).gif秘訣:

    若要結束時間軸記錄模式,請按一下 [關閉腳本] 按鈕 Cc294948.4c066464-3a41-452d-b2e9-e95f6c5659ff(zh-tw,Expression.10).png,讓目前範圍中的所有物件都回到初始狀態。

請參閱

概念

測試腳本

控制何時執行腳本

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