2011年7月27日 星期三

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

此範例僅適用於Silverlight
這個範例要設計一個Ellipse隨著一條Path來進行移動。
  • 先使用Pen畫出一條Path,並加上一個Ellipse,塗滿藍色
image
  • 選取Path,Object->Path->Make Layout Path ,Objects and Timelines視窗就會產生一個PathListBox
  • 將Ellipse拖曳到PathListBox下
image
  • 設定PathListBox的Capacity為100,Start為1%
image
  • 產生Storyboard
image
  • 移動黃色拉趕到適當秒數,決定要在幾秒中從最左邊移動到最右邊,然後設定PathListBox的Capacity為100%
image
  • 結束動畫錄製
  • 產生UserControl的Loaded事件,點選畫面上的UserControl,從屬性視窗選Events(閃電),然後在Loaded項目雙擊
image
  • 加入程式
private void UserControl_Loaded(object sender, System.Windows.RoutedEventArgs e) {
              Storyboard1.Begin();
        }
  • 按F5執行,Ellipse就會隨著Path移動
image

沒有留言:

總瀏覽量