建立、修改或刪除移動路徑

本頁僅適用 WPF 專案

不論畫板上的路徑是線條或圖形 (如橢圓形或矩形) 的周邊,都可以使用 [轉換成移動路徑] 工具自動產生動畫時間軸,讓目標物件沿著路徑移動。然後您就可以修改移動路徑,進而變更行經路徑、重複次數,以及物件沿向路徑的方式。

建立移動路徑

  1. 如果您尚未有要沿著移動路徑移動的物件,請建立物件並為物件命名 (事先建立移動物件只是為了簡化程序。替物件命名也僅為了在稍後使用 [轉換成移動路徑] 工具時,方便識別該物件)。

    tip note秘訣:

    若要將移動路徑套用至多個物件,則可以先將這些物件群組成一個面板物件,然後將移動路徑套用至該面板。若要將物件群組在一起,請在 [物件與時間軸] 面板中選取物件 (按住 CTRL 鍵可以選取多個物件),並以滑鼠右鍵按一下所做的選擇,再指向 [群組置入],然後按一下想要的面板類型。

  2. 如果想為腳本加入移動路徑時間軸,可按一下 [物件與時間軸] 下的 [開啟腳本] Cc295124.d4531c86-5048-481c-a1ca-29af202d28e7(zh-tw,Expression.40).png,在 [腳本選擇器] 中選取腳本。也可以按一下 [新增] Cc295124.86937695-03dd-44ea-aa30-28d4029b3ad0(zh-tw,Expression.40).png 來建立新的時間軸,並加以命名。

  3. 請將播放點 Cc295124.5626c9eb-40bb-450a-9ca1-3678e5abe429(zh-tw,Expression.40).png 移至移動路徑的開始位置。

    Note注意:

    如果您的應用程式已有腳本,但是在建立移動路徑之前未選取時間軸,則會將移動路徑新增至 [腳本選擇器] 列出的第一個時間軸。在建立移動路徑之前,如果應用程式內沒有腳本,則會用預設名稱建立一個腳本。

  4. 在 [工具] 面板中,選取繪圖工具以產生物件移動時所沿的路徑。

    • 若要物件沿著圓形或矩形移動,請選取 Ellipse  Cc295124.8938cfdf-9b75-4a33-bc88-b0636e114a0d(zh-tw,Expression.40).pngRectangle  Cc295124.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(zh-tw,Expression.40).png。您可以修改畫板上的圖形,方法是使用 [選取] 工具 Cc295124.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-tw,Expression.40).png 拖曳出現在物件周圍的藍色提示,或是變更 [屬性] 面板之 [轉換] 類別中的屬性。

      tip note秘訣:

      移動路徑的起點預設是矩形的左上角以及橢圓形的右邊。若要使用不同的起點,請先旋轉圖形,再建立移動路徑。此外,移動路徑會以順時針方向執行,因此,如果想要移動路徑以逆時針方向執行,請先翻轉圖形 (指向 [物件] 功能表上的 [翻轉]),再建立移動路徑。

    • 若要物件沿著繪製的路徑移動,請使用 [畫筆] Cc295124.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-tw,Expression.40).png 或 [鉛筆] Cc295124.509dc167-734f-46c9-b012-987ee63450cd(zh-tw,Expression.40).png。您也可以修改繪製的路徑,方法是使用 [直接選取] Cc295124.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-tw,Expression.40).png 移動各個點。

      tip note秘訣:

      移動路徑的起點預設是所繪製路徑的原點 (第一個點)。

  5. 在畫板上繪製路徑物件。

    tip note秘訣:

    您可以使用畫筆、複合路徑及裁剪工具,建立較複雜的圖形及路徑。

    如需詳細資訊,請參閱下列主題:

  6. 確定已在 [物件與時間軸] 面板中選取路徑物件,然後將 [屬性] 面板之 [筆刷] 類別中的 [Fill] 屬性設為 [沒有筆刷] Cc295124.706bbd5c-c0e0-43a1-9604-297f019d0275(zh-tw,Expression.40).png,並將 [Stroke] 屬性設為 [單色筆刷] Cc295124.3a66ec96-47bb-47fc-8876-6b9456feec3a(zh-tw,Expression.40).png。這並不是必要步驟,但是可以讓您更清楚地看到路徑物件的外框。

  7. 確定路徑物件在 [物件與時間軸] 面板中仍然為選取狀態,接著指向 [物件] 功能表上的 [路徑],然後按一下 [轉換成移動路徑]。

    [轉換成移動路徑] 對話方塊隨即出現。

  8. 移動路徑的目標是您要移動的物件。請從清單中選取要移動之物件的名稱,然後按一下 [確定]。

    Note注意:

    如果尚未在 [物件與時間軸] 面板中命名要移動的物件,則其類型會顯示在 [轉換成移動路徑] 對話方塊中。而在建立移動路徑之後,就會自動命名該物件。原因是物件必須要有名稱,才能在應用程式的其他位置參照該物件。

    按一下 [確定] 之後,會產生移動路徑時間軸,代表物件移動時所沿的路徑。時間軸會加入已開啟的腳本或新的腳本。

  9. 因為用來產生移動路徑的圖形或所繪路徑並不屬於時間軸,所以您現在可以刪除該圖形或路徑。

  10. 若要修改移動路徑的播放時間,請在 [物件與時間軸] 面板中展開要移動物件的節點,並找到 [移動路徑] 節點,然後在時間軸拖曳位於有網底之時間範圍長條端點的藍色長條。您也可以修改移動路徑的重複次數。

    如需範例,請參閱設定循環持續時間

  11. 按一下 [播放] Cc295124.64ad8e84-1eec-4154-9d0c-11fef322c0bf(zh-tw,Expression.40).png,測試新的移動路徑。

修改移動路徑的路徑

  1. 開啟含有移動路徑的腳本。

    如需詳細資訊,請參閱開啟或關閉腳本

  2. 選取 [工具] 面板中的 [直接選取] Cc295124.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-tw,Expression.40).png

  3. 在 [物件與時間軸] 面板中選取要移動的物件。一條含點 (端點) 的虛線會出現在畫板上,代表移動路徑。

  4. 使用下列其中一個方法修改路徑:

    • 拖曳一個點。

    • 選取 [畫筆] Cc295124.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-tw,Expression.40).png,然後按一下虛線,將新的點加入路徑。

    • 拖曳曲線,在兩點之間移動曲線。

    • 拖曳曲線時按住 ALT 鍵,即可改變兩點之間曲線的形狀。

    • 轉換 (或翻轉) 路徑以反轉動畫的方向。

    • 按一下某個點,然後拖曳其中一個正切函數端點。

    Cc295124.d91d85ca-603a-4451-8870-7dab7077028d(zh-tw,Expression.40).png

    如需更多路徑修改功能,請參閱直接選取工具輔助按鍵 畫筆工具輔助鍵 

修改移動路徑的持續時間

  1. 在 [物件與時間軸] 面板中展開要移動之物件的節點,直到看到 [移動路徑] 節點為止。

  2. 在時間軸上,拖曳有網底之時間範圍長條端點的藍色長條。您也可以修改移動路徑的重複次數。

    如需範例,請參閱設定循環持續時間

讓移動的物件持續沿向路徑

  1. 在 [物件與時間軸] 面板中展開要移動之物件的節點,直到看到 [移動路徑] 節點為止。

  2. 用滑鼠右鍵按一下 [移動路徑] 節點,然後選取 [沿向路徑]。

刪除移動路徑

  • 如果移動路徑是腳本中唯一的時間軸,您就可以刪除腳本。

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

  • 如果移動路徑不是腳本中唯一的時間軸,您就只能刪除移動路徑時間軸。在 [物件與時間軸] 面板中展開要移動之物件的節點,直到您可以選取 [移動路徑] 節點,然後按下 DELETE 為止。

另請參閱

工作

在路徑上新增或移除點

Copyright © 2011 by Microsoft Corporation. All rights reserved.