建立簡單動畫

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

建立簡單動畫

  1. 在 Expression Blend 中,開啟或建立新的專案。

    如需詳細資訊,請參閱建立新專案

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

    tip note秘訣:

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

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

    [建立腳本資源] 對話方塊出現。

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

    tip note秘訣:

    根據預設,任何在文件的根元素中建立的新腳本,都將導致在 [觸發程序] 面板中新增 Window.Loaded 事件的事件觸發程序。此觸發程序會讓腳本在應用程式啟動時開始進行。若要建立一些簡單的互動功能,則可以選取事件觸發程序,然後再修改該事件觸發程序 (在 [觸發程序] 面板的下半部),以指定下列設定:

    When object.PreviewMouseDown is raised

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

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

  6. 如果要讓選取的物件以目前的位置和外觀來開始顯示,請按一下 [錄製主要畫面格] Cc294948.e8ec61d4-c8e8-465a-85a7-70bf787a67de(zh-tw,Expression.40).png,以記錄位於 0 秒標記上的物件。在時間軸上,主要畫面格 Cc294948.fa3c696d-5463-4000-8a6b-650fe6759bf7(zh-tw,Expression.40).png 會出現在對應於所選取物件的列中。

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

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

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

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

    tip note秘訣:

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

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

    tip note秘訣:

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

另請參閱

工作

測試腳本
控制何時執行腳本
試試看:播放遞移式及非遞移式動畫

Copyright © 2011 by Microsoft Corporation. All rights reserved.