Expression Blend(17)- Path 動畫(Silverlight)

此範例僅適用於Silverlight
這個範例要設計一個Ellipse隨著一條Path來進行移動。

• 先使用Pen畫出一條Path，並加上一個Ellipse，塗滿藍色

• 選取Path，Object->Path->Make Layout Path ，Objects and Timelines視窗就會產生一個PathListBox
• 將Ellipse拖曳到PathListBox下

• 設定PathListBox的Capacity為100，Start為1%

• 產生Storyboard

• 移動黃色拉趕到適當秒數，決定要在幾秒中從最左邊移動到最右邊，然後設定PathListBox的Capacity為100%

• 結束動畫錄製
• 產生UserControl的Loaded事件，點選畫面上的UserControl，從屬性視窗選Events(閃電)，然後在Loaded項目雙擊

• 加入程式

private void UserControl_Loaded(object sender, System.Windows.RoutedEventArgs e) {
              Storyboard1.Begin();
        }

• 按F5執行，Ellipse就會隨著Path移動