共用方式為


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

本頁僅適用 WPF 專案

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

建立移動路徑

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

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

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

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

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

    Cc295124.alert_caution(zh-tw,Expression.10).gif警告:

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

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

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

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

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

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

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

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

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

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

    您可以使用畫筆、複合路徑及裁剪工具,建立較複雜的圖形及路徑。如需詳細資訊,請參閱將圖案轉換成路徑變更曲線的形狀合併圖案或路徑套用、修改或移除裁剪路徑

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

  7. 確定路徑物件在 [物件與時間軸] 下仍然為選取狀態,接著指向 [物件] 功能表上的 [路徑],然後按一下 [轉換成移動路徑]。[選擇移動路徑的目標] 對話方塊會隨即出現。

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

    Cc295124.alert_note(zh-tw,Expression.10).gif注意事項:

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

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

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

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

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

修改移動路徑的路徑

  1. 開啟含有移動路徑的分鏡板。如需詳細資訊,請參閱開啟或關閉腳本

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

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

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

    • 拖曳一個點。

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

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

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

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

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

    如需更多路徑修改功能,請參閱畫筆及直接選取的使用方式

修改移動路徑的持續時間

  1. 在 [物件與時間軸] 下展開要移動之物件的節點,並找到 [移動路徑] 節點。

  2. 在時間軸上,拖曳有網底之時間範圍長條端點的藍色長條。您也可以修改移動路徑的重複次數。如需範例,請參閱設定循環持續時間

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

  1. 在 [物件與時間軸] 下展開要移動之物件的節點,並找到 [移動路徑] 節點。

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

刪除移動路徑

  • 如果移動路徑是分鏡板中唯一的時間軸,您就可以刪除分鏡板

  • 如果移動路徑不是分鏡板中唯一的時間軸,您就只能刪除移動路徑時間軸。在 [物件與時間軸] 下展開要移動之物件的節點,並找到 [移動路徑] 節點,然後按 DELETE 鍵。

請參閱

概念

在路徑上新增或移除點