2010-07-05 128 views
2

好吧,所以我使用Expression Blend 4並學習了SL,並且我完全不知所措。我正在製作一個簡單的項目,讓飛機持有模式動畫。我想在屏幕上顯示的東西在一個特定的順序:如何在Silverlight中繪製動畫線?

  1. 繪製保持點(站)
  2. 繪製飛機的位置
  3. 動畫箭頭開始在飛機的位置和去車站。
  4. 繪製一個弧形箭頭(以動畫方式)。

樣機:

alt text

我知道夠不夠用故事板做我的動畫,但我不能找到一種方法來簡單地畫我的線/箭頭的步驟3和4。我可以像故事板中的動畫一樣移動形狀(因爲這是所有學習資源都會告訴你如何去做的),但我無法弄清楚如何繪製線條/箭頭。一旦我經過了這個基本步驟,我需要弄清楚如何以編程方式進行編程,以便根據輸入參數將飛機的位置放置在相對於車站的位置。

任何資源或想法來幫助我開始使用它?

+0

「動畫時尚」是真的沒有足夠的信息。淡入可以被認爲是「動畫」,但我相信那不是你的意思。例如,你是否正在尋找箭頭從一個開始位置移動到一個結束位置,沿着它的矢量旋轉,並在它後面逐漸繪製一個弧線?詳細說明所需的動畫。 – AnthonyWJones 2010-07-05 08:13:30

+0

安東尼 - 是的,對不起,我不確定如何表達。我正在尋找箭頭以逐步從起始位置移動到直線和弧線。 (我真的很喜歡他們成爲一個單獨的線路,然後到達電臺,然後在這一點上我很靈活。) – theog 2010-07-05 17:17:28

回答

2

有一個PointAnimation類可以用來設置箭頭的端點,但它只能線性動畫,而不是像半圓的路徑。爲此你需要PointAnimationUsingPath。

不幸的是Silverlight有沒有PointAnimationUsingPath,我才發現這個項目,它模擬它:Animation Along a Path for Silverlight

+0

感謝Ozan;我將檢查PointAnimation類。對你有好處。 – theog 2010-07-07 16:38:41

1

@AnthonyWJones,你很清楚什麼他通過「動畫方式」想。然後,再次,我是一個設計師的心,所以也許這對我來說很自然。

快速簡單的方法是以編程方式進行。只需取一行的終點並更新x,y座標。現在,您可以直接更新座標(在這種情況下,您需要一個可以確保您擁有的遊戲循環),或者您可以在終點的最終目標座標處設置座標一次,然後啓動內插的故事板動畫這一切都是爲了你。請注意,這僅適用於一條直線。對於曲線,您需要使用一堆線段(或路徑),並在您在遊戲循環中進行時添加座標。半圓形路徑很簡單(使用公式爲一個圓圈!)。

現在,困難的方式是從設計師那裏做到這一切。到目前爲止,我還沒有找到任何有用的對象(如PointAnimationUsingPath)。如果發現/知道我會真正想知道如何。

+0

感謝您的意見,Alvin。給你一個贊... – theog 2010-07-07 16:38:12